JavaScript 함수 디바운스와 쓰로틀링
함수 디바운스는 이벤트가 트리거된 후 n초 뒤에 콜백 함수를 실행하는 기법으로, 이 n초 내에 다시 트리거되면 타이머를 리셋합니다. 이는 다음과 같은 상황에서 성능 최적화를 위해 자주 사용됩니다:
폼 컴포넌트 입력 내용 검증
다중 클릭으로 인한 폼 중복 제출 방지
등의 경우에 함수가 너무 빈번하게 불필요하게 호출되는 것을 방지합니다.
기본 개념
setTimeout을 ...
6월 17일 05:47에 게시됨
JavaScript에서 함수 실행 제한 기법: 쓰로틀링(Throttling)
쓰로틀링(Throttling) 소개
이전 글에서는 '디바운싱(Debouncing)'에 대해 다루었고, 이번 글에서는 디바운싱의 형제인 '쓰로틀링(Throttling)'에 대해 알아보겠습니다. 두 개념의 차이점을 다시 한번 짚어보며 독자분들에게 개념을 다시 한번 정리해 드리겠습니다.
> PS: '개방과 절약'이라는 속담에 나오는 '절약'과 기술적 쓰로틀링은 본질적으로 동일하다고 생각합 ...
6월 13일 00:34에 게시됨