JavaScript

이벤트: 캡처링과 버블링의 원리와 활용

최근에 공부를 하면서 백엔드 지식뿐만 아니라 프론트의 지식도 알고 있어야 프로젝트를 하는데 도움도 되고 취업에도 유리하겠다란 생각이 들어 공부를 시작하게 되었다. 프론트를 배우면서 면접에서 가장 많이 질문받는 것 중 하나가 캡처링과 버블링의 차이라고 한다. 간단하게 설명하자면 캡처링과 버블링은 이벤트가 DOM에서 전파되는 방식을 설명하는 용어이다. 버블링(Bubbling): 이벤트가 발생한 요소에서 시작하여 최상위 요소까지 전파되는 과정이다. 이벤트가 발생한 요소에서 시작해서 부모요소, 그 부모의 부모요소까지 전달되어 올라가는 방식이다. (제일 깊은 곳에 있는 요소에서 시작해 부모 요소를 거슬러 올라가며 발생하는 모양이 마치 물속 거품(bubble)과 닮았기 때문에 명명 지어졌다.) 캡처링(Cpaturi..