Event delegation

• 들어가기 전에

list(어떤 목록)가 여러 개인 UI에 각각 비슷한 이벤트를 걸어서 처리해야 한다면 어떻게 해야할까? for문으로 addEventListener를 사용해야 할까?

• 학습 목표

1. Event delegation을 이해하고, 효율적인 이벤트 등록을 구현할 수 있다.

• 핵심 개념

- Event delegation

- Bubbling

- Capturing

• Bubbling

- 클릭한 지점이 하위 엘리먼트라고 하여도, 그것을 감싸고있는 상위 엘리먼트까지 올라가면서 이벤트 리스너가 있는지 찾는 과정

• Event delegation

- 하위 태그에 발생해야 될 이벤트를 상위 부모에 위임