TanStack Query Hydration 오류 해결: QueryClient 설정 기준
Next.js에서 TanStack Query Hydration 오류가 날 때 QueryClient 생성 위치, HydrationBoundary, dehydrate, queryKey 일치를 점검하는 방법을 정리합니다.
TanStack Query(구 React Query)를 활용한 서버 상태 관리, 캐싱 전략, queryKey 설계, invalidateQueries, SSR/CSR 환경 대응 등 실무 중심의 사용법과 내부 동작 원리를 정리합니다.
총 8개의 글
Next.js에서 TanStack Query Hydration 오류가 날 때 QueryClient 생성 위치, HydrationBoundary, dehydrate, queryKey 일치를 점검하는 방법을 정리합니다.
TanStack Query 데이터가 바뀌었는데 화면이 갱신되지 않는 이유의 원인과 해결 기준을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
TanStack Query 무한 스크롤: useInfiniteQuery 구현 흐름을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
TanStack Query staleTime gcTime 차이: 캐시 시간 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
TanStack Query queryFn 사용법: 데이터 요청 책임 나누기을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
TanStack Query queryKey 설계: 배열 키를 쓰는 이유을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
TanStack Query vs Zustand: 서버 상태와 클라이언트 상태 차이를 실제 작업 순서와 판단 기준 중심으로 정리합니다. 기존 개별 글을 어떻게 이어서 읽으면 좋은지 함께 안내합니다.
React 프로젝트에서 Zustand, TanStack Query, shadcn/ui, Radix UI 같은 라이브러리를 선택할 때 필요한 실무 기준을 정리합니다.