- React Query는 데이터 패칭을 매우 간단하게 만들어준다. ✨
QueryClientProvider
로 앱을 감싸 전역 캐싱을 설정한다. 🌐useQuery
훅을 사용하여 데이터를 가져오고,queryKey
로 데이터를 식별한다. 🔑staleTime
으로 캐시된 데이터의 유효 기간을 설정하여 불필요한 네트워크 요청을 줄일 수 있다. ⏳gcTime
을 0으로 설정하면 캐시를 즉시 삭제하여 항상 최신 데이터를 가져올 수 있다. 🗑️- React Query는 기본적으로 캐시된 데이터를 보여주면서 백그라운드에서 새로운 데이터를 가져온다. 🔄