📒솜이노트

# 이벤트 위임(Event Delegation) 완전 이해하기

DOM에서 요소를 클릭할 때 실행되는 이벤트는 **자식 → 부모로 전파(버블링)**됩니다.이 특성을 이용해서, “여러 자식 요소마다 이벤트를 붙이지 않고 부모 하나에 이벤트를 맡기는 방식”을 **이벤트 위임(Event Delegation)**이라고 합니다.1. 기존 방식: 요소마다 이벤트 직접 등록deleteBtn.addEventListener("click", function(){ newDiv.remove();})✔ 동작 방식카드 1개 생성 → 삭제 버튼 1개 → 이벤트 핸들러 1개카드 100개 생성 → 삭제 버튼 100개 → 이벤트 핸들러 100개즉, 요소 개수만큼 이벤트가 증가한다. 이 방식의 문제점:카드 100개면 이벤트 핸들러도 100개 생김성능 떨어지고 관리가 복잡해짐동적으로 추가된 요소는..