event.preventDefault()
event.preventDefault()는 브라우저에서 발생할 수 있는 기본적인 행동을 취소해버린다. 예를 들어 체크박스를 클릭해도 브라우저에서 체크 표시가 나타나지 않는다. preventDefault()를 사용할 수 없는 passive한 이벤트들이 있는데, eventTarget.addEventListener의 옵션에서 {passive: false}를 주면 preventDefault()를 사용할 수 있지만 그러지 않는 편이 좋다.
event delegation
-
event를 하나하나 붙이지 말고, 넓게 붙여서 event.target으로 특정지어서 활용하는 방법.
-
자식을 클릭했을 때 부모를 삭제하고 싶다.
-> event.target.parentNode로 삭제하고자 하는 부모를 특정할 수 있지만, 이 방법은 상대적인 관계를 표현하기에 나중에 버그가 생길 수 있다.
-> UUID. 고유의 id를 주어서 판별하는 게 좋다.
