- Tanstack Query는 React에서 데이터를 효율적으로 관리하는 솔루션 제공 🧰.
useQuery
훅을 사용하여 백엔드 API에서 데이터를 가져오고,queryKey
를 통해 캐싱을 관리 🔑.staleTime
옵션을 설정하여 데이터의 신선도를 유지하고 불필요한 네트워크 요청을 줄일 수 있음 ⏱️.invalidateQueries
를 사용하여 데이터가 변경되었을 때 캐시를 무효화하고 최신 데이터를 가져올 수 있음 🔄.- 실시간 데이터에는 짧은
staleTime
을, 정적인 데이터에는 긴staleTime
을 설정하는 것이 효율적임 📊.