✨ 기억보다 기록을/프로젝트
IceCraft - search검색부분(리팩토링), 디바운싱 적용하기
검색하는 페이지에서 서버 부담을 줄이기 위해 디바운싱을 적용시켜 검색기능 리팩토링을 진행하였다. 훅으로 만들어 빼두기import { useState, useEffect } from "react"; const useDebounce = (value: string, delay: number = 500) => { const [debounced, setDebounced] = useState(value); useEffect(() => { const handler = setTimeout(() => setDebounced(value), delay); return () => clearTimeout(handler); }, [value, delay]); return debounced; }; export default use..
2024. 6. 23.
