[TIL] 내일배움캠프 React 과정 2023.01.31_Throttling and Debouncing

Throttling 이란? 짧은 시간 간격으로 연속해서 발생한 이벤트들을 일정시간 단위(delay)로 그룹화하여 처음 또는 마지막 이벤트 핸들러만 호출되도록 하는 것 주로 사용되는 예: 무한스크롤 Throttling 코드 예시 // Leading Edge Throttling const throttle: ControllDelay = (delay) => { // timerId가 있으면 바로 함수 종료 if (timerId) { return; } console.log(`API요청 실행! ${delay}ms 동안 추가 요청 안 받음`); // n초 후에 timerId에 null을 할당함 timerId = setTimeout(() => { console.log(`${delay}ms 지남 추가요청 받음`); tim..