Graphql 소개
04 Nov 2020 | react nextGraphql 소개
노마드코더에서 강의를 보고 정리했습니다.
REST API와 GraphQL 의 차이점
- REST API: URL로 JSON을 받아온다.
- GraphQL : query를 보내거나 mutation을 보내야 한다.
graphql은 어떻게 한 Query에 내가 원하는 정보만 받을 수 있을까?
- 다음과 같이 쿼리를 작성하여 서버에 보내면, javascript 형태로 답장이온다
{ feed { comments likeNumber } notifications { isRead } user { username profilePic } }
graphql-yoga ?
npm i graphql-yoga
- create-react-app 명령어와 비슷하다. GraphQL 프로젝트를 빠르게 시작할 수 있다.
Graphql로 해결 할 수 있는 문제들
- Over-fetching
사용자가 요청한 영역의 정보보다, 많은 정보를 서버에서 받는것
Ex) User Object의 name정보만을 받고싶지만, 그러려면 우선 User Object를 요청해야만 접근가능하다 - under-fetching
어떤 하나를 완성하기 위해 다른 요청들이 오고가는것을 말함
EX) REST에서 하나를 완성하려고 많은 소스를 요청하는 작업, 인스타그램에서 알림,유저정보,피드 등 세개의 요청이 이루어져야 앱이 켜지는것