Event Bubbling
-
[📝 Front - React] 이벤트 버블링에 대한 스터디스터디 노트 2025. 6. 27. 17:54
React에서 이벤트 버블링(Event Bubbling) 은 DOM (Document Object Model)에서 이벤트가 전파되는 방식 중 하나입니다. 이름 그대로 이벤트가 마치 물속의 거품이 위로 떠오르듯이 전파되는 현상을 말합니다.React는 기본적으로 브라우저의 이벤트 시스템을 추상화하여 사용하지만, 이벤트 버블링은 브라우저 DOM의 표준 동작이며 React에서도 동일하게 적용됩니다.1. 이벤트 버블링 개념 설명HTML 요소에 이벤트(예: 클릭, 키보드 입력 등)가 발생하면, 이벤트는 발생한 요소에서 시작하여 DOM 트리의 상위 요소로 계속해서 전파(버블링)됩니다.단계별 설명:이벤트 발생 (Target Phase): 사용자가 실제로 이벤트를 클릭한 가장 안쪽의 요소(예: button)에서 이벤트가..