React, GraphQL, MongoDB (Apollo Server)

Apollo ServerGraphQL 공부 및 실습을 위해 서버를 만들었다.다음의 명령어들을 작성하면 프로젝트가 생성이 된다.생성된 package.json에 type을 추가해 준다.GraphQL 서버에서 쿼리에 사용할 데이터의 구조를 정의한다.Book은 title과 a

연동에 앞서 MongoDB Atlas에서 Cluster를 생성하였다. MongoDB Atlas는 MongoDB를 관리하는 클라우드 데이터베이스 서비스이다.Cluster 생성에 관한 내용은 생략 하고 진행하겠다.클러스터를 생성하였으면 자신의 어플리케이션과 연결해야 한다.

Mongoose는 작성된 스키마를 기준으로 데이터를 검증하기 때문에 데이터를 다루기 위해선 스키마가 필요하다. 기본적으로 Mongoose는 스키마에 id속성을 가지고 있어 따로 추가하지 않아도 된다.Schema 메서드를 통해 스키마를 정의하고, model 메서드를 통해

client 폴더를 만들고 create-react-app을 통해 react-app 생성 후 Server-Client 연결을 위한 라이브러리 설치Server와 연결하기 위해 client를 선언하고 uri에 grahql서버를 등록하고AplloProvider로 App을 감싸

Server의 데이터를 다루기 위해선 Server에서 작성한 Query와 Mutation을 토대로 GraphQL 쿼리를 생성해야 한다. 데이터 조회에 관한 쿼리는 Query.js, 데이터 변경에 관한 쿼리는 Mutation.js에 작성하였다.GET_BOOKS: 테이블의