alpeca's world alpeca's world

웹 개발을 하다 보면 이벤트(event)와 관련된 개념을 자주 접하게 됩니다. 특히, 이벤트가 요소 간에 어떻게 전파되는지 이해하는 것은 JavaScript에서 DOM을 다룰 때 매우 중요합니다. 이번 포스팅에서는 이벤트 버블링(Event Bubbling)과 이벤트 캡처링(Event Capturing)의 개념, 차이점, 그리고 실전 활용법을 알아보겠습니다.1. 이벤트 버블링(Event Bubbling)이란?이벤트 버블링은 자식 요소에서 발생한 이벤트가 부모 요소로 전파되는 과정을 의미합니다. 즉, 이벤트가 발생한 요소에서 시작하여 부모, 조상 요소로 전파됩니다.예제: 이벤트 버블링 동작 방식 클릭하세요 실행 방식:사용자가 #child 버튼을 클릭하면 먼저 자식 요소..