이벤트 버블링, 리액트를 사용하다보면 클릭이 여러번 되는 경우가 있다. 이럴 때 이벤트 버블링 현상을 의심해볼 수 있는데, 이 개념을 모르면 에러를 해결하기 어렵다. 이벤트 버블링 버블링 현상을 간단하게 표현하면, 특정 태그나 요소에 이벤트가 발생하면 상위 요소인 부모 태그에 이벤트가 전달되는 것을 말한다. 이벤트 버블링 현상 예시 아래 코드를 보면 Box라는 div 아래 span, 그 아래로 button이 있는 계층 구조다. 여기서 button을 누르면 +1이 될 것이라는 예상과 다르게 321의 결과가 나온다. button을 누르는 순간 이벤트 버블링 현상으로 부모 요소인 span과 div의 onClick 이벤트가 모두 작동하기 때문이다. 이 버블링 현상은 자식에서 부모로만 전파되며 그 반대 현상인 상..