apollo2 [GraphQL] # 2. Apollo Client (React) 이번에는 Apollo Client를 구현해보겠습니다! 통신을 해보는 것이 목적이기에 Client 셋팅 방법과, 어떤식으로 통신이 이루어지는지 전체적인 그림을 그려보겠습니다. 컴포넌트 구조와 리액트 대해서는 자세하게 다루지않습니다. (저는 Apollo + React를 사용하였지만 Vue로도 graphQL Client를 만들 수 있습니다!) Setting Apollo Client npm install @apollo/client graphql 명령어를 입력하여 아폴로 클라이언트모듈을 설치합니다. app.js에서 ApolloClient 모듈을 import 해줍니다. import { ApolloProvider } from '@apollo/client'; import { ApolloClient, InMemoryCa.. 2021. 8. 14. [GraphQL] #1. Apollo Server 지난 번 REST API를 공부하면서 GraghQL이란 무엇인지 짧게 알아볼 수 있었는데 효율적인 방법이라고 생각이 들었고, 많은 회사에서 GraphQL을 사용하는 것을 알게 되었습니다. 그래서 이번에는 직접 쿼리를 짜보고 통신이 어떻게 이루어지는지 알아보기로 하였습니다~! 🤗 GraphQL 통신 구현을 위한 셋팅, GraphQL Server 생성, GraphQL Client 생성 이렇게 3개로 나누어 포스팅 할 예정입니다. 이번에는 GraphQL에 대해 소개와 Server 셋팅을 하고, 간단하게Query와 Mutation을 구현해보도록 하겠습니다. 그 전에 그래프큐엘 공식문서를 한번 보시고 오면 더 이해할 수 있습니다! 길이가 길지 않고 직접 예시 쿼리를 작성해 볼 수도 있기때문에 연습하기에도 매우 편.. 2021. 8. 9. 이전 1 다음