반응형 debounce1 [React/TypeScript] Debounce, 일정 시간동안 발생한 이벤트 중 마지막만 실행 ⚡Debounce란Debounce란 일정 시간 동안 연속적으로 발생했던 이벤트들 중마지막만 실행시켜 과다한 호출이나 렌더를 막아 최적화하는 기술입니다. 예를 들어 이번 개인 프로젝트 중 입력 시 중복체크를 위해 API를 호출하는데한 글자 타이핑할 때마다 API를 호출하는 것이 부담되어 Debounce를 도입하여 해결했습니다.const debounce = any>(fn: T, delay: number) => { let timeout: ReturnType; return (...args: Parameters): ReturnType => { let result: any; if (timeout) clearTimeout(timeout); timeout = setTimeout(() => { .. 2023. 3. 8. 반응형 이전 1 다음
오픈 채팅
