JavaScript에서 '이벤트 위임(Event Delegation)' 패턴이란?

보통 MDN Web Docs

보기 및 정답

A 이벤트를 별도의 백그라운드 스레드에 위임하여 메인 스레드와 독립적으로 비동기 처리하는 멀티스레딩 패턴이라고 일반적으로 정의할 수 있다

B 자식 요소 각각에 이벤트 리스너를 등록하는 대신, 부모 요소에 하나의 리스너를 등록하여 이벤트 버블링으로 처리하는 것

C 이벤트 처리 로직을 클라이언트가 아닌 서버에 위임하여 서버 측에서 DOM 조작을 수행하는 것이다

D 이벤트 리스너를 Web Worker에 등록하여 메인 스레드의 부하를 줄이고 성능을 개선하는 것이다

이벤트 위임은 DOM의 이벤트 버블링을 활용하는 패턴입니다. 많은 자식 요소에 개별 리스너를 다는 대신 공통 부모에 하나만 등록하고, event.target으로 실제 클릭된 요소를 확인합니다. 메모리 효율적이고 동적으로 추가된 요소도 처리할 수 있습니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인