🚫 왜 debounce가 작동하지 않았을까? React + lodash debounce + useCallback 최적화 사례

🧩 상황사용자 입력에 따라 서버에 검색 요청을 보내야 하는 케이스에서lodash.debounce를 활용해 요청 빈도를 제한하려고 했습니다. 처음엔 다음과 같은 debounce 설정을 사용했습니다:const debouncedFetch = debounce(fetchData, 500, { leading: true, trailing: false,}); 기대 동작: 첫 요청은 즉시 실행, 이후 500ms 이내의 입력은 무시실제 동작: 연속 입력 시마다 서버 요청 발생 → debounce가 무의미🔍 원인 분석[1] debounce 함수가 렌더링마다 새로 생성됨 React 함수형 컴포넌트에서는 매 렌더마다 함수가 새로 정의됩니다.이 상태에서 debounce를 적용하면 매번 새 debounce 인스턴스가 만들어..
개발 2025. 7. 3. 00:11
1
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함