event delegation이란...

event delegation, 이벤트 위임은 작성된 코드에 선언된 객체 이외에 웹 상의 상호작용으로 생성된 객체에 이벤트를 부여하는 방법이다.

그게 무슨 말이냐 하면

js 코드를 작성하고 브라우저에서 렌더링 될 때, 코드에 이미 작성된 HTML 개체는 js 코드에 의해 이벤트가 부여될 수 있다. 그러나 렌더링 이후에 상호작용으로 생기는 HTML 개체에 대해 새로 이벤트를 부여하는 것은 다른 문제이다. 새로 생성되는 요소에 대해 이벤트를 부여하기 위해 사용하는 방법이 event delegation이다.

(js를 사용하다 보니 은근히 거슬리는 부분이었다.)

그럼 그 방법이 무엇이냐

새롭게 생성되는 HTML 개체의 부모 요소에 이벤트를 추가하면 된다. 부모 요소의 이벤트 수신기(e)에 e.target을 통해 click하는 특정 요소를 확인하고 해당 요소에 이벤트를 부여하면 된다.