React+Apollo+GraphQL 쿼리문으로 요청 주고 받기 다연히 Apollo와 React는 클라이언트이기 때문에 서버에 요청을 해서 필요한 작업을 할 수 있어야한다. 서버는 당연히 graphql이므로 쿼리문으로 요청을 해야한다. 이전에 만들어 놓은 Graphql서버를 통해 요청을 주고 받고 해보겠습니다. 우선 queries라는 쿼리를 따로 정의 해놓는 자바스크립트 파일을 따로 만듭니다. 그러기 전에 서버에 어떤 요청을 주고 받을 수 있는지 확인 합시다. 3가지의 요청이 가능한데 저는 getMovies를 받아 오겠습니다. 반환값은 movie이고 필요한 파라미터는 최소 rating 이상만 볼 수 있게 정할 수 있는 rating, limit입니다. 그럼 우선 queries.js에 쿼리를 만들어 보겠습니..

React+Apollo+GraphQL 시작하기 이번에는 프론트 단을 만들어 보겠습니다. 이전에 공부했던 GraphQL가 연동하기 위해선 Apollo라는 것을 사용해야하는데 이를 React와 함께 사용해보겠습니다. https://github.com/apollographql/react-apollo 이주소로 들어가보면 React와 Apollo를 함께 사용할 수 있게 필요한 것 들이 정리되어 있습니다. 이와 같은 명령어를 통해서 설치해줍니다. npm install apollo-boost react-apollo graphql-tag graphql --save 그리고 평소와 같이 create react-app을 만들어줍니다. 1. 우선 클라이언트를 만들어줍니다. 여기에 uri는 Graphql의 서버의 주소를 사용합..