반응형
useDebounce
-
Custom Hooks (useDebounce, useRef)FrontEnd/React 2023. 12. 6. 05:00
Debounce Debounce function은 사용자가 미리 결정된 시간 동안 타이핑을 멈출 때까지 keyup 이벤트의 처리를 지연시킵니다. Debounce function을 사용하면, 검색어 입력 시 모든 문자에 대한 이벤트 처리를 일정 시간의 delay을 적용하여 서버로 전송되는 API 호출 수도 줄이고 성능도 향상시킬 수 있습니다. useDebounce Hooks import { useState, useEffect } from 'react' export const useDebounce = (value, delay) => { // State and setters for debounced value. const [debounceValue, setDebounceValue] = useState(val..