이벤트 전파(Event Propagation)

유저와 상호작용하는 웹페이지를 위해 반드시 알아야 하는 개념이 있다. 바로 이벤트이다. 화면 상의 요소를 클릭하거나, 스크롤을 하거나, 값을 입력하는 등의 상호작용은 모두 이벤트를 통해 처리된다. 프론트엔드에서 이벤트는 없어서는 안 될 필수적인 존재다. 그런데 이벤트를 공부하다 보면 이벤트의 동작 방식이 생각보다 복잡하다는 사실을 알 수 있다. 이벤트를 잘 다루기 위해서는 이벤트가 어떻게 동작하는지를 이해해야 한다. 이번 포스팅을 통해 이벤트의 동작 방식인 이벤트 전파 및 관련 개념들에 대해 정리하고자 한다. 목차는 다음과 같다. 1. 이벤트 전파 1-1. 이벤트 전파란 1-2. 이벤트 전파가 존재하는 이유 1-3. 이벤트 전파 막는 법 2. 캡처링 2-1. 캡처링이란 2-2. 활용 방법 2-3. 예시 ..
프론트엔드 2024. 4. 14. 15:05
1