웹 페이지에서 스크롤에 맞춰 이미지를 늦게 불러오는 지연 로딩(Lazy Loading)이나, 페이지 하단에 도달했을 때 다음 데이터를 자동으로 불러오는 무한 스크롤을 구현해본 적이 있을 것이다.다만 기존의 window.addEventListener('scroll', ...) 방식이 스크롤할 때마다 수십, 수백 번씩 호출되어 브라우저의 렌더링 성능을 심각하게···
동적으로생성된DOM요소에이벤트를붙이려고할때,개발자들은보통새요소가생성될때마다이벤트리스너를다시등록해야한다고생각한다.다만대부분의개발자들은이과정이얼마나비효율적이고성능을낭비하는지깨닫지못한다.이번에는EventDelegation(이벤트위임)이정확히뭔지,왜필요한지,그리고어떻게구현하는지실무에서바로쓸수있는방식으로완벽하게정리해서소개하겠다. EventDelegation이뭐고왜필···
jQuery를 처음 배우거나, 오래전에 배웠지만 기초가 흔들리는 개발자들이 많다. 특히 선택자(Selector)와 DOM 조작은 jQuery의 가장 기본이 되는 부분인데, 이것만 제대로 알아도 jQuery를 훨씬 효율적으로 사용할 수 있다. 또한 최근에는 Vanilla JavaScript가 많이 사용되고 있지만, 여전히 레거시 프로젝트나 빠른 개발이 필요한···