반응형 useTransition 훅1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 91 (useDeferredValue 훅, useTransition 훅, use API(함수)) 목차useDeferredValue 훅useTransition 훅use API(함수)오늘 하루를 돌아보며 useDeferredValue 훅useDeferredValue는 값의 변경을 지연시켜 UI 반응성을 높여주는 훅이다. 예를 들어, 검색창에 글자를 입력할 때마다 무거운 연산이 필요한 컴포넌트를 렌더링할 때 버벌일 수 있는데, 이럴 때 useDefferedValue 훅을 사용하면 입력값이 즉시 반영된다. 리스트 렌더링은 살짝 느리게(지연)해서 사용자는 부드럽게 입력할 수 있고, 리스트는 천천히 업데이트돼서 전체 앱의 반응성이 좋아진다. 아래 예시와 같이 검색 입력과 필터링에 오랜 시간이 소요되는 리스트 렌더링의 UI 반응성을 향상시킬 수 있다. 입력값 등 즉각적으로 반영되어야 하는 UI와 해당 값에 의존.. 2025. 9. 16. 이전 1 다음 반응형
