TanStack Query.

React Query의 캐시, staleTime, invalidation, SSR 패턴

TanStack Query는 서버 state의 fetch, cache, sync, invalidation을 선언적으로 관리하는 라이브러리입니다.

📘 핵심 개념

TanStack Query fresh stale inactive GC 수명

개념	설명
queryKey	캐시 identity (배열)
queryFn	데이터 fetch 함수
staleTime	fresh로 간주하는 시간 (refetch 안 함)
gcTime (cacheTime)	unused cache GC
invalidation	`queryClient.invalidateQueries` → refetch

const { data, isLoading, error } = useQuery({
  queryKey: ['posts', id],
  queryFn: () => fetchPost(id),
  staleTime: 60_000,
});