
이번 글에서는 React의 성능 최적화 Hook 중 하나인useDeferredValue에 대해 알아보겠습니다.이 Hook은 사용자 입력과 같이 빠르게 바뀌는 값의 **"지연된 버전"**을 만들어UI가 끊기지 않고 부드럽게 렌더링될 수 있도록 도와줍니다.초보자 분들도 이해할 수 있도록 개념부터 사용법, 실전 예제까지 차근차근 설명드릴게요!📍 1. useDeferredValue란?useDeferredValue는바로 반영하지 않고, 브라우저가 여유 있을 때 값 업데이트를 미루는 Hook입니다.주로 입력이 빠르게 바뀌는데, 그걸 기반으로 무거운 연산을 해야 할 때 사용됩니다.예: 검색창에 입력할 때마다 긴 리스트를 필터링해야 한다면→ useDeferredValue로 부하를 줄일 수 있습니다.📍 2. 기본 사..