반응형 이벤트 버블링1 [JS, React]이벤트 버블링과 실제 개념 활용 사례 개념이벤트 캡처링 / 버블링이벤트 버블링은 JS를 잠깐 배웠을 때 접했던 용어다. 대략적으로 이해하고 넘어갔었고 리액트 강의를 수강할 때는 이를 크게 의식할 일이 없었다. 대략적인 개념을 일단 짚고 넘어가 보자.웹 페이지의 엘리먼트들은 위와 같이 태그 안에 태그가 위치하는 계층식으로 이루어져 있다. 그렇기 때문에 HTML 요소에 이벤트가 발생하면 연쇄적인 이벤트 전파가 일어난다. 그 순서는 다음과 같다.이벤트 캡처링: 이벤트가 최상위 노드에서 시작하여 이벤트 타겟(이벤트가 발생한 요소)까지 내려가는 과정이다. 캡처링 단계에서는 이벤트가 도달하기 전에 상위 요소에서 먼저 감지된다. 그림에서는 windonw -> ... -> tr까지 이벤트가 순차적으로 전파되는 것이다.타깃 단계: 이벤트가 실제 타깃에 전달.. 2024. 8. 29. 이전 1 다음 반응형
