메모장 메모장

이번 포스트에선 React앱에서 GraphQL 클라이언트를 생성하는 방법에 대해 알아보겠습니다. ✔ 패키지 설치 $ npm install @apollo/client ✔ 클라이언트 생성 아래와 같이 ApolloClient 인스턴스를 초기화합니다. ApolloClient 생성자는 두 개의 인자를 받습니다. 첫번째는 'link'로 이전 포스트에서 세팅한 GraphQL 서버의 URL을 지정하면됩니다. 두번째는 'cache'로 가장 많이 사용되는 InMomoryCache를 사용했습니다. 다만 아래의 코드에는 초기화 과정에 토큰을 통해 인증하는 코드가 추가되어, 해당 코드 신경쓰지 마시고 URL만 넘기면 됩니다. ApolloProvider로 기존의 React App을 래핑하면 컨텍스트를 통해 각각의 모든 컴포넌트에..

이번 포스트는 freeCodeCamp의 GraphQL 코스를 진행하면서 정리한 내용으로 GrapghQL 서버를 구축해보겠습니다. GrapghQL을 처음 접하시는 분들은 많은 도움이 되길 바랍니다. ✔ 패키지 설치 저는 몽고 디비도 함께 활용했기에 몽구스도 설치했습니다. $ npm i -D apollo-server graphql mongoose ✔ 서버 코드 작성 ApolloServer는 GraphQL 서버 인스턴스를 생성합니다. 데이터를 정의하고 Fetch 된 데이터를 불러오는 역할을 합니다. typeDefs에서 GraphQL 스키마를 정의하며, resolvers는 데이터를 어떻게 활용할지를 쿼리를 정의합니다. PageSub는 뒤에서 subscription이 나올때 함께 이야기하겠습니다. 몽고 디비에 연..