GraphQL 특징,서버만들기,스키마..

GraphQL로 해결 할 수 있는 문제

1. Over-fetching
   - 내가 요청한 영역의 정보보다, 많은 정보를 서버에서 받는 경우를 뜻함
   
   
2. Under-fetching
   - REST에서 하나를 완성하려고 많은 소스를 요청하는거
   - 예) 인스타그램 클론 앱에선 알림,유저정보,피드 정보들을 3번씩 주고받야아 실행됨

GraphQL 특징

• URL이 존재하지 않음
  • /feed , /notifications/, /user/1/ -> 이 모든 경로를 하나의 쿼리로 만들 수 있음

GrapQL로 서버 만들기

• yarn add graphql-yoga
• yarn global add nodemon
  
  • nodemon. 내가 파일을 수정할 때마다 서버를 재시작해줌
• yarn add babel-cli --ignore-engines
  • import { } from " "; 이런식의 구문을 쓸수있음
  • .babelrc 파일 만들고 사진과같이 작성
• yarn add babel-cli babel-preset-env babel-preset-stage-3 --dev

.babelrc 

 

yarn start하면 nodemon이 index.js파일을 찾아서 실행시켜줌

babel 다 설치후 package.json를 변경한 모습

현재 index.js파일 모습

• graphql-yoga = create-react-app 과 같다고 보면된다.
  
  

Schema..

• schema는 내가 사용자에게 보내거나,받을data에 대한 설명
• Query는 단지 내가 정보를 받을때만 쓰인다.

 

어떤 사용자가 Query에 name을 보내면 사용자한테 String을 보냄

schema.graphql 파일 안에 있는 내용들을 설명하는 파일임

 

즉 schema.graphql파일은 데이터의 타입을 정해주고,(View)

resolvers.js파일은 데이터의 구체적인 내용을 설명해준다.(URL)

 

중요한것은 schema.graphql파일 안의 타입과 resolvers.js의내용물의

타입이 같아야한다..