동적으로 추가된 DOM 요소에 이벤트 핸들러를 붙였는데 작동하지 않는 경험을 해봤을까. 대부분의 개발자가 처음엔 각 요소마다 addEventListener()를 반복해서 붙이다가, 나중에 요소가 추가될 때마다 이벤트를 다시 등록해야 하는 악순환에 빠진다. 이번엔 이벤트 위임의 정확한 동작 원리와 실제 구현 방법, 그리고 흔한 실수까지 완벽하게 정리해서 소개···
개발자들이 동적으로 생성된 요소에 클릭 이벤트를 붙일 때 흔히 하는 실수가 있다. 요소를 생성한 후 그 요소에 직접 이벤트 리스너를 달거나, 새 요소가 추가될 때마다 반복해서 리스너를 붙이는 식이다. 다만 대부분의 개발자들은 이 방식이 왜 비효율적인지, 그리고 얼마나 많은 메모리를 낭비하고 있는지 모른 채 프로젝트를 진행한다.이번에는 JavaScript 이···
동적으로생성된DOM요소에이벤트를붙이려고할때,개발자들은보통새요소가생성될때마다이벤트리스너를다시등록해야한다고생각한다.다만대부분의개발자들은이과정이얼마나비효율적이고성능을낭비하는지깨닫지못한다.이번에는EventDelegation(이벤트위임)이정확히뭔지,왜필요한지,그리고어떻게구현하는지실무에서바로쓸수있는방식으로완벽하게정리해서소개하겠다. EventDelegation이뭐고왜필···