호출 방지
-
[ React ] 과도한 이벤트 핸들러 호출 방지 throttling & debouncingTIL 2024. 2. 23. 23:23
Throttling & Debouncing 이란? 짧은 시간 간격으로 연속해서 이벤트가 발생할 때 과도한 이벤트 핸들러 호출을 방지하는 기법이 바로 쓰로틀링과 디바운싱이다. Throttling 의 예시 이미지 짧은 시간 간격으로 연속해서 발생한 이벤트들을 일정시간 단위(delay)로 그룹화하여 처음 또는 마지막 이벤트 핸들러만 호출되도록 하는 것이다. 주로 사용되는 예 : 무한 스크롤 Debouncing 의 예시 이미지 짧은 시간 간격으로 연속해서 이벤트가 발생하면 이벤트 핸들러를 호출하지 않다가 마지막 이벤트로부터 일정시간(delay)이 경과한 후에 한 번만 호출되도록 하는 것. 주로 사용되는 예 : 입력값 실시간 검색, 화면 resize 이벤트 메모리 누수 (Memory Leak)란? 필요하지 않은 ..