이벤트 위임

개념 설명

하위 요소의 이벤트를 상위 요소에서 처리하는 패턴으로, 이벤트 버블링을 활용한 효율적인 이벤트 관리 기법.

핵심 포인트

• 상위 요소 하나에 이벤트 리스너 등록으로 메모리 효율성 증대
• 동적으로 추가되는 요소에도 자동으로 이벤트 적용
• event.target으로 실제 클릭된 요소 식별
• 대량의 동일한 이벤트 처리에 최적화

예시 코드

// 일반적인 방법 - 비효율적
document.querySelectorAll('.item').forEach(item => {
  item.addEventListener('click', handleClick);
});