웹 애플리케이션을 개발하면서 실시간 검색 입력창이나 창 크기 조절(Resize), 스크롤 이벤트를 구현할 때 매 밀리초마다 이벤트가 수십, 수백 번 폭주하는 현상을 경험해봤을 것이다.다만 이벤트가 과도하게 실행되면서 브라우저가 버벅이거나 서버 API 호출 비용이 낭비되고 있음에도 정확한 원인이나 제어 방법을 모르는 경우가 많다.이번에는 자바스크립트의 대표적···
웹 페이지에서 스크롤에 맞춰 이미지를 늦게 불러오는 지연 로딩(Lazy Loading)이나, 페이지 하단에 도달했을 때 다음 데이터를 자동으로 불러오는 무한 스크롤을 구현해본 적이 있을 것이다.다만 기존의 window.addEventListener('scroll', ...) 방식이 스크롤할 때마다 수십, 수백 번씩 호출되어 브라우저의 렌더링 성능을 심각하게···
동적으로생성된DOM요소에이벤트를붙이려고할때,개발자들은보통새요소가생성될때마다이벤트리스너를다시등록해야한다고생각한다.다만대부분의개발자들은이과정이얼마나비효율적이고성능을낭비하는지깨닫지못한다.이번에는EventDelegation(이벤트위임)이정확히뭔지,왜필요한지,그리고어떻게구현하는지실무에서바로쓸수있는방식으로완벽하게정리해서소개하겠다. EventDelegation이뭐고왜필···