GraphQL

이전에 Apollo Client 포스트를 통해 page router 환경에서 GraphQL을 사용하는 방법에 대해 알아보았었다. 하지만 며칠 간의 실험과 고민 끝에 나는 Apollo Client 대신 React-Query를 사용하기로 결정했다. TKDoDo가 올린 당신은 리액트 쿼리가 필요하지 않을 지도 모른다를 번역하면서도 느꼈지만, React-Query는 data fetching을 포함한 모든 종류의 비동기 작업을 관리하는 데 가장 뛰어나다고 생각된다.React-Query에는 Apollo Client에는 존재하지 않는 몇 가지 강력한 기능이 포함되어있다. 간단하게 구현할 수 있는 infiniteQuery와 일괄적으로 선언할 수 있는 retry 및 stateTime, 그리고 구체적으로 선언할 수 있는 ..

Apollo Client는 클라이언트 환경에서 GraphQL을 사용하여 서버와 데이터를 효율적으로 주고받을 수 있도록 돕는 강력한 라이브러리이다. 주로 React를 비롯한 다양한 프레임워크와 잘 통합되며, 클라이언트에서 발생하는 요청을 효율적으로 관리하고, 데이터 상태를 예측 가능하게 유지하는 데 도움을 준다.Apollo Client가 제공하는 useQuery와 useMutation은 React Query의 그것과 유사하게 동작한다. 중복된 요청을 캐싱하여 네트워크 사용을 최소화하고, 데이터의 일관성을 유지하는 데 도움을 준다. 서버 상태를 관리하기 위한 이 두 도구는 각자 가진 장점이 달라서, 일반적인 REST API 요청의 경우에는 React Query를 쓰고, GraphQL 요청의 경우에는 Apol..

GraphQL은 페이스북에서 개발한 데이터 쿼리 언어이자 런타임으로, REST API의 단점을 보완하기 위해 만들어졌다. 전통적인 REST API는 각 엔드포인트마다 특정 데이터 구조가 고정되어있고, http method를 사용하여 동일한 엔드포인트에 대해 다른 작업을 수행하도록 했다. 하지만 GraphQL은 단 하나의 엔드포인트를 사용하고, 클라이언트가 필요한 데이터를 요청하면 서버가 그에 맞춰 응답한다. 덕분에 불필요한 데이터 전송이 줄어들며, 한 번의 요청으로 여러 자원에 대한 데이터를 가져올 수 있기에 REST API에 비해 효율적으로 네트워크를 사용할 수 있다.표준 GraphQL 요청은 post method만을 사용하며, application/json으로 바디에 쿼리를 실어보낸다.   Graph..