캐시된 데이터를 먼저 반환한 뒤 백그라운드에서 재검증하는 React Hooks 데이터 페칭 라이브러리입니다.
TanStack/query
React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다.
- 스타
- 50,456
- 포크
- 4,222
- 열린 이슈
- 151
- 마지막 커밋
- 2시간 전
어떤 프로젝트인가요?
TanStack Query는 웹 애플리케이션에서 서버 상태를 가져오고, 캐싱하고, 동기화하고, 업데이트하는 비동기 상태 관리 라이브러리입니다. 특정 프로토콜에 종속되지 않아 REST, GraphQL 또는 Promise 기반 데이터 소스와 함께 사용할 수 있습니다.
캐싱, 백그라운드 재페칭, 페이지네이션과 무한 스크롤, 뮤테이션, 종속 쿼리, 프리페칭, 요청 취소 등 일반적인 데이터 페칭 요구 사항을 지원합니다. React Suspense도 지원합니다. 핵심 로직은 프레임워크에 종속되지 않는 패키지에 있으며, React Query, Vue Query, Svelte Query, Solid Query용 공식 어댑터를 제공합니다.
이 프로젝트는 TypeScript로 작성되었으며, Router, Table, Form, Virtual을 포함하는 더 넓은 TanStack 생태계의 일부입니다.
핵심 기능
- 01stale-while-revalidate 방식의 백그라운드 재페칭을 지원하는 캐싱
- 02페이지네이션, 무한 스크롤, 종속 쿼리
- 03캐시 업데이트를 지원하는 뮤테이션
- 04프리페칭과 요청 취소
- 05React, Vue, Svelte, Solid용 공식 바인딩
활용 사례
- REST 또는 GraphQL API에서 데이터를 가져오는 React 또는 Vue 프런트엔드 개발
- 클라이언트 앱의 로딩, 오류, 캐싱 로직을 직접 작성한 코드에서 대체
- 원격 데이터를 기반으로 무한 스크롤 목록이나 페이지네이션 테이블 구현
빠른 시작
- 1
문서를 읽고 사용할 프레임워크 바인딩을 선택하세요
- 2
CONTRIBUTING.md의 기여 환경 설정 안내를 따르세요
토픽
자주 묻는 질문
- query은(는) 무엇인가요?
- React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다. TanStack Query는 웹 애플리케이션에서 서버 상태를 가져오고, 캐싱하고, 동기화하고, 업데이트하는 비동기 상태 관리 라이브러리입니다. 특정 프로토콜에 종속되지 않아 REST, GraphQL 또는 Promise 기반 데이터 소스와 함께 사용할 수 있습니다.
- query은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- query은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- query은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. query의 마지막 커밋은 2026년 10월 21일입니다.
- query은(는) 어디에 사용할 수 있나요?
- REST 또는 GraphQL API에서 데이터를 가져오는 React 또는 Vue 프런트엔드 개발 클라이언트 앱의 로딩, 오류, 캐싱 로직을 직접 작성한 코드에서 대체 원격 데이터를 기반으로 무한 스크롤 목록이나 페이지네이션 테이블 구현
- query는 어떻게 설치하나요?
- 문서를 읽고 사용할 프레임워크 바인딩을 선택하세요 CONTRIBUTING.md의 기여 환경 설정 안내를 따르세요
- query은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/TanStack/query
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React, Vue, Solid, Svelte 등에서 마크업과 스타일을 완전히 제어하며 데이터 그리드를 만들 수 있는 헤드리스 TypeScript/JavaScript 테이블 라이브러리입니다.
Provider 없이 사용할 수 있는 React용 경량 훅 기반 상태 관리 라이브러리입니다.
ProseMirror 기반의 헤드리스·프레임워크 독립형 리치 텍스트 에디터로, 다양한 확장 기능을 추가할 수 있습니다.
플로차트, 그래프, 워크플로 편집기 같은 인터랙티브 노드 기반 UI를 만들 수 있는 오픈소스 React 및 Svelte 라이브러리입니다.
React 또는 Vue를 사용해 WeChat·Alipay 미니 프로그램, H5 웹, React Native에서 실행되는 앱을 만드는 멀티플랫폼·멀티프레임워크 솔루션입니다.