inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

메멘토(Memento) - 그림판 히스토리 만들기

undo 구현

72

padosum

작성한 질문수 1

0

안녕하세요 좋은 강의 잘 듣고 있습니다 

undo 기능을 따라 구현하던 중 이슈가 있어 질문 드립니다

pen mode로 그린 뒤 eraser mode에서 일부 지움 -> undo 실행

-> 화면이 모두 지워집니다

 

원인은 eraser mode에서 mousedown 시 ctx.globalCompositeOperation = 'destination-out' 로 바뀐 상태가 유지된 채 restore() 내부에서 drawImage()가 실행되기 때문인 것 같은데요,

 

제로초님이라면 

javascript typescript 객체지향 디자인-패턴 canvas

답변 1

1

제로초(조현영)

eraser에서 할것같습니다. eraser에서 destination-out으로 바꿨으므로 끝날때 마무리도 거기서 하는게 맞아보네요. 상황에 따라 restore까지 둘 다 하면 더 좋을 것 같고요

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

7

0

47번 리턴 관련 질문

0

8

1

useState 직접 구현 부분에서 질문이 있습니다.

1

17

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

21

1

IO활용-회원관리예제1 샘플코드 문의

0

9

1

교재(3쇄)와 강의 내용 문의

0

28

2

pg사가 있다고 가정하면

0

23

1

중급 1편 학습 방향에 대해 조언 부탁드립니다

0

28

1

SingletonService가 JVM이 뜰 때 생성되는게 맞나요?

0

29

1

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

23

1

[프론트엔드 문서화 관련 질문]

0

85

1

커맨드 패턴 적용

0

123

1

type/interface 정의 파일분리

0

104

2

팩토리 패턴

0

136

2

강결합

1

151

2

React 환경에서 클래스형 디자인 패턴 활용에 관한 질문

0

208

2

질문 있습니다.

0

152

2

[공유] State 패턴 강의 최종본 커밋에서 누락된 부분이 존재

1

123

2

팩토리 메서드에 대해서 궁금증이 생겨서 질문드려봅니다!

0

225

2

.

0

117

1

[섹션1/사전에 알아두면 좋은 TS/JS 지식]영상 재생 관련 질문 드립니다.

0

190

2

[12강] 선언식 + bind vs arrow function 어떤거 선호하시나요?

0

209

2

싱글톤 강의

1

320

2

리스코프 치환원칙은 반,공변성과 같은 원리인가요?

0

225

1