Graphql 소개

|

Graphql 소개

노마드코더에서 강의를 보고 정리했습니다.

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에서 하나를 완성하려고 많은 소스를 요청하는 작업, 인스타그램에서 알림,유저정보,피드 등 세개의 요청이 이루어져야 앱이 켜지는것