Loading...
홈 › 블로그

IT 개발 블로그 — REDINFO

JavaScript 이벤트 위임(Event Delegation) - 동적 요소 클릭 처리와 메모리 최적화 완벽 가이드

개발자들이 동적으로 생성된 요소에 클릭 이벤트를 붙일 때 흔히 하는 실수가 있다. 요소를 생성한 후 그 요소에 직접 이벤트 리스너를 달거나, 새 요소가 추가될 때마다 반복해서 리스너를 붙이는 식이다. 다만 대부분의 개발자들은 이 방식이 왜 비효율적인지, 그리고 얼마나 많은 메모리를 낭비하고 있는지 모른 채 프로젝트를 진행한다.이번에는 JavaScript 이···

13 0
JavaScript MutationObserver API 완벽 가이드 - 동적 DOM 변화 감지와 메모리 누수 해결

웹 애플리케이션을 개발하다 보면 외부 3rd-party 라이브러리가 생성한 DOM 요소나, 사용자 동작에 따라 동적으로 추가·변경되는 HTML 구조를 실시간으로 감지해야 하는 상황을 경험해봤을 것이다.다만 대부분의 개발자들은 setInterval을 돌려 주기적으로 DOM을 검색하거나, 이미 구시대 유물이 된 MutationEvents(DOMNodeInser···

23 0
REDINFO Since 2014
webmaster@redinfo.co.kr
Copyright © Redinfo All Rights Reserved