이벤트 버블링 브라우저 내에서 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다. 이러한 현상을 이벤트 버블링이라고 합니다. 위와 같은 형태를 가진 웹 페이지가 있다고 가정해보겠습니다. 위의 main, section, div, p 태그는 계층관계를 가지고 있습니다. 이 때 해당 요소들의 click 이벤트를 감지하는 리스너를 등록합니다. 이 때 위의 p 태그를 클릭했을 시에 어떤 일이 발생할까요? 위와 같이 콘솔에 clicked!가 4번 출력됩니다. 이렇듯, p 태그의 이벤트가 동작하고 p 태그와 계층 관계에서 부모 관계를 가지고 있는 div, se..
