[API] GraphQL 관련 dependency | Apollo Client, graphql-request

graphQL 관련 의존성 추가

1. Apollo Client

Introduction to Apollo Client

Hooks 없이 Apollo Client 사용하기

yarn:
yarn add apollo-boost react-apollo graphql
npm:
npm install apollo-boost react-apollo graphql

Hooks으로 Apollo Client 사용하기

npm:
npm install apollo-boost @apollo/react-hooks graphql
yarn:
yarn add apollo-boost @apollo/react-hooks graphql

2. graphql-request

GitHub - jasonkuhrt/graphql-request: Minimal GraphQL client supporting Node and browsers for scripts or simple apps

graphql-request 설치

//yarn
yarn add graphql-request

//npm
npm i graphql-request

graphql이 깔려있지 않다면 같이 설치

//yarn
yarn add graphql-request graphql

//npm
npm i graphql-request graphql

 

apollo Client VS graphql-request

1. Apollo Client

장점:

1. 다양한 기능 제공: Apollo Client는 쿼리 캐싱, 상태 관리, 오류 처리, 성능 최적화 등 다양한 기능을 내장하고 있어 개발자가 편리하게 사용할 수 있음.
2. 유연한 설정: Apollo Client는 다양한 설정 옵션을 제공하여 개발자가 프로젝트에 맞게 조정할 수 있음
3. 확장성: Apollo Client는 플러그인 시스템을 지원하며, 이를 통해 기능을 확장하거나 외부 라이브러리와의 통합이 가능

단점:

1. 크기: Apollo Client는 다양한 기능을 제공하기 때문에 번들 크기가 상대적으로 큼.
   • 따라서 초기 로딩 시간이 늘어날 수 있음
2. 러닝 커브: Apollo Client는 다양한 기능과 설정을 제공하기 때문에, 처음 사용하는 개발자에게는 러닝 커브가 존재할 수 있음

2. graphql-request

장점:

1. 가벼움: graphql-request는 작은 번들 크기를 가지고 있으며, 필요한 기능만 제공
   • 이는 초기 로딩 속도를 향상시키고, 네트워크 사용량을 줄일 수 있음
2. 간편한 사용법: 간단하고 직관적인 API를 제공하여 개발자가 빠르게 적용할 수 있음
3. 환경에 독립적: 브라우저뿐만 아니라 Node.js와 같은 환경에서도 사용할 수 있음

단점:

1. 추가 기능 부족: GraphQL-Request는 기본적인 GraphQL 기능만 제공하므로, 복잡한 기능이나 추가적인 기능이 필요한 경우에는 직접 구현해야 할 수 있음
2. 캐싱 및 상태 관리 부족: GraphQL-Request는 캐싱 및 상태 관리를 위한 내장 기능을 제공하지 않으므로, 개발자가 직접 구현해야 함.

각각의 라이브러리는 프로젝트의 요구사항과 용도에 따라 선택되어야 함.

작은 규모의 프로젝트나 빠른 개발이 필요한 경우에는 graphql-request가 유용할 수 있으며,

복잡한 상태 관리나 캐싱 기능이 필요한 대규모 프로젝트에는 Apollo Client가 적합할 수 있음.