👨‍💻 사건

• 팀프로젝트 중 preventDefault 와 관련한 내용을 찾아보다가, stopPropagation의 차이를 알고싶어 찾게되었다.

✅ 해결

preventDefault

Form 혹은 Submit 일때, 발생하는 재렌더링 오류

stopPropagation

최상위 부모요소로 계속 전달하는 것을 막는것 뿐만아니라, 이벤트 전파 자체 ( 버블링, 캡처링 )를 e.stopPropagation()을 작동시킨곳에서 바로 stop 시킨다고 보면된다.

이벤트 버블링 : 요소에 이벤트가 발생하면 할당된 핸들러가 최상위 부모요소까지 만날때까지 계속 반복하여 작동하는 현상이다.

이벤트 캡처링 : 이벤트 버블링과 반대로, 최상위에서 지정된 태그로 찾아내려가는 현상이다.

💭 개선

두가지를 알고보니, 처음에는 비슷한 역할인줄 알았으나 굉장히 다른 역할을 하고 있다는것을 알게되었다.

이를 잘 기억하여, 상황에 맞게 작동하여야 겠다.