Loading...
홈 › 블로그

IT 개발 블로그 — REDINFO

검색창 입력 과호출과 스크롤 성능 저하 해결 - JavaScript Debounce와 Throttle 실무 활용법

사용자 입력에 따라 실시간으로 API를 호출하거나 스크롤 이벤트에 맞춰 UI를 업데이트할 때 브라우저가 느려지거나 서버에 엄청난 요청이 몰리는 현상을 경험해봤을 것이다.다만 연동된 이벤트가 초당 수십 번 이상 실행되는 정확한 원인과 이를 제어하는 최적화 기법을 모른 채 방치하는 경우가 많다.이번에는 연속적으로 발생하는 이벤트를 효율적으로 제어하는 Debou···

22 0
JavaScript Debounce와 Throttle - 과도한 이벤트 호출 방지 및 웹 성능 최적화

웹 애플리케이션을 개발하면서 실시간 검색 입력창이나 창 크기 조절(Resize), 스크롤 이벤트를 구현할 때 매 밀리초마다 이벤트가 수십, 수백 번 폭주하는 현상을 경험해봤을 것이다.다만 이벤트가 과도하게 실행되면서 브라우저가 버벅이거나 서버 API 호출 비용이 낭비되고 있음에도 정확한 원인이나 제어 방법을 모르는 경우가 많다.이번에는 자바스크립트의 대표적···

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