TIL 20220124 이벤트전파, 스코프, 호이스팅

3880 단어 TILTIL

본 포스팅은 작성자의 학습 목적으로 ⌜모던 자바스크립트 Deep Dive⌟ (이웅모 저, 위키북스), 코드캠프 강의자료, 김버그님 유튜브채널, 스택오버플로우를 참고하여 작성하였습니다.

이벤트 전파

DOM트리 상에 존재하는 DOM요소 노드에서 발생한 이벤트는 DOM트리를 통해 전파된다. 이를 이벤트 전파라고 한다.

이벤트 전파는 이벤트 객체가 전파되는 방향에 따라 3단계로 구분할 수 있다.

1️⃣ 캡처링 단계 : 이벤트가 상위 요소에서 하위 요소 방향으로 전파
2️⃣ 타깃 단계 : 이벤트가 이벤트 타깃에 도달
3️⃣ 버블링 단계 : 이벤트가 하위 요소에서 상위 요소 방향으로 전파

👉 학습에 도움이 된 영상 : 김버그님 유튜브