React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다.
apollographql/apollo-client
정규화 캐싱과 React hooks를 제공하고 Vue, Angular, Svelte를 지원하는 TypeScript 및 JavaScript용 GraphQL 클라이언트입니다.
- 스타
- 19,784
- 포크
- 2,811
- 열린 이슈
- 409
- 마지막 커밋
- 어제
어떤 프로젝트인가요?
Apollo Client는 JavaScript 및 TypeScript 애플리케이션을 위한 GraphQL 클라이언트 라이브러리입니다. GraphQL 서버에 쿼리와 mutation을 보내고, 결과를 로컬 캐시에 저장하며, 데이터가 변경되면 UI를 동기화합니다.
React, Vue, Angular, Svelte와 순수 JavaScript에서 사용할 수 있습니다. 별도 설정 없이 캐싱을 사용할 수 있으며, type policy와 필드 단위 규칙으로 동작을 맞춤 설정할 수 있습니다. 쿼리와 결과에 사용할 수 있는 완전한 TypeScript 타입도 제공됩니다.
npm에서 @apollo/client와 graphql 패키지를 설치하면 됩니다. 문서와 API 레퍼런스, VS Code 확장 프로그램을 제공하며, Chrome 또는 Firefox에 Apollo DevTools를 설치해 쿼리와 캐시를 살펴볼 수 있습니다.
핵심 기능
- 01별도 설정 없이 사용할 수 있는 내장 정규화 캐시입니다.
- 02React, Vue, Angular, Svelte 및 순수 JavaScript를 위한 프레임워크 통합을 제공합니다.
- 03쿼리, mutation 및 결과에 완전한 TypeScript 타입을 제공합니다.
- 04type policy를 통해 캐시 동작을 맞춤 설정할 수 있습니다.
- 05쿼리와 캐시 상태를 살펴볼 수 있는 브라우저 DevTools 확장 프로그램을 제공합니다.
활용 사례
- GraphQL API에서 데이터를 가져오는 React 싱글 페이지 앱을 구축합니다.
- Vue 또는 Angular 프런트엔드에 로컬 캐싱을 지원하는 GraphQL 데이터 페칭을 추가합니다.
- 프런트엔드 개발 중 GraphQL 쿼리와 캐시 내용을 디버깅합니다.
빠른 시작
- 1
npm으로 Apollo Client와 GraphQL 설치하기
npm install @apollo/client graphql
토픽
자주 묻는 질문
- apollo-client은(는) 무엇인가요?
- 정규화 캐싱과 React hooks를 제공하고 Vue, Angular, Svelte를 지원하는 TypeScript 및 JavaScript용 GraphQL 클라이언트입니다. Apollo Client는 JavaScript 및 TypeScript 애플리케이션을 위한 GraphQL 클라이언트 라이브러리입니다. GraphQL 서버에 쿼리와 mutation을 보내고, 결과를 로컬 캐시에 저장하며, 데이터가 변경되면 UI를 동기화합니다.
- apollo-client은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- apollo-client은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- apollo-client은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. apollo-client의 마지막 커밋은 2026년 10월 19일입니다.
- apollo-client은(는) 어디에 사용할 수 있나요?
- GraphQL API에서 데이터를 가져오는 React 싱글 페이지 앱을 구축합니다. Vue 또는 Angular 프런트엔드에 로컬 캐싱을 지원하는 GraphQL 데이터 페칭을 추가합니다. 프런트엔드 개발 중 GraphQL 쿼리와 캐시 내용을 디버깅합니다.
- apollo-client는 어떻게 설치하나요?
- npm으로 Apollo Client와 GraphQL 설치하기: npm install @apollo/client graphql
- apollo-client은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/apollographql/apollo-client
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
ProseMirror 기반의 헤드리스·프레임워크 독립형 리치 텍스트 에디터로, 다양한 확장 기능을 추가할 수 있습니다.
플로차트, 그래프, 워크플로 편집기 같은 인터랙티브 노드 기반 UI를 만들 수 있는 오픈소스 React 및 Svelte 라이브러리입니다.
React 또는 Vue를 사용해 WeChat·Alipay 미니 프로그램, H5 웹, React Native에서 실행되는 앱을 만드는 멀티플랫폼·멀티프레임워크 솔루션입니다.
Material UI를 사용해 REST 또는 GraphQL API 기반의 관리자 대시보드와 백오피스 SPA를 만드는 React 프레임워크입니다.
Electron, React, TypeScript, Vite로 크로스 플랫폼 데스크톱 앱을 만들기 위한 스타터 템플릿입니다.