TanStack Query · 고급

TanStack Query 고급 단계에 공개된 학습 글입니다. 단계별 목표를 참고해 필요한 글부터 읽어 보세요.

단계별 학습 목표

각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.

초급 목표

서버 상태와 화면 상태의 차이를 익혀, 데이터 요청의 로딩과 오류 및 성공 상태를 사용자에게 전달하는 방법을 다룹니다.

학습 주제

  • 서버 상태와 쿼리
  • 쿼리 키 기초
  • 로딩과 오류 표시

중급 목표

데이터 변경과 목록 탐색을 연결하여, 캐시 갱신과 요청 의존성 때문에 생기는 화면의 불일치를 해결하는 방법을 다룹니다.

학습 주제

  • 변경 요청과 무효화
  • 페이지 탐색과 의존 요청
  • 캐시 수명과 재요청

고급 목표

데이터 일관성과 사용자 경험의 균형을 기준으로, 낙관적 변경과 캐시 경계 및 복구 전략을 설계하는 방법을 다룹니다.

학습 주제

  • 낙관적 변경과 복구
  • 쿼리 키 체계 설계
  • 서버 렌더링과 캐시 경계

TanStack Query 학습 목록

읽음 — / 전체 6개 · 필수 6개

학습 시작

단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.

고급 5개

  1. 학습 8 / 12 · 필수 학습

    TanStack Query Todo 실습: 서버 연결·낙관적 업데이트·실패 롤백

  2. 학습 9 / 12 · 필수 학습

    TanStack Query 수동 캐시 정규화: 목록·상세 동기화와 선택 기준

  3. 학습 10 / 12 · 필수 학습

    TanStack Query SSR prefetchQuery: Server Component에서 초기 데이터 준비하기

  4. 학습 11 / 12 · 필수 학습

    TanStack Query HydrationBoundary 사용법: 서버 데이터와 클라이언트 캐시 연결

  5. 학습 12 / 12 · 필수 학습

    Next.js 캐시와 TanStack Query 캐시 차이: 서버·클라이언트 경계 설계

개념·참고 1개

  1. 참고 2 / 2 · 필수 선수

    TanStack Query Hydration 오류 해결: QueryClient 설정 기준
읽음 기록 설정

읽음 기록은 이 브라우저에만 저장됩니다.

전체 기술 학습 가이드