• 페이스북에서 개발한 데이터 질의어
• 클라이언트는 필요한 데이터 구조를 지정하여 요청하며, 서버에선 동일한 구조로 데이터를 리턴한다
• 이로 인해 불필요한 데이터를 받거나 필요한 데이터를 받지 못하는 문제를 피할 수 있는 장점이 있다

example

• graphql yoga라는 라이브러리를 사용하면 쉽게 graphql 서버를 띄워서 실행해 볼 수 있다

• 참고 - https://github.com/dotansimha/graphql-yoga

• 튜토리얼을 보면 쿼리 스펙을 명시하는 부분과 쿼리에 대한 데이터를 처리하는 부분을 나눌수 있는데 아래와 같다

  • typeDefs - GraphQL의 쿼리 스펙을 정의, schema.graphql 파일로 만들어서 작성

    type Query {
        name: String!
    }
    

  • resolvers - 스펙을 정의한 Query를 어떻게 풀어서 줄 것인지 정의

    const resolvers = {
        Query: {
            name: () => "hgwt738"
        }
    }
    export default resolvers
    

• 위 2가지 속성을 정의하여 서버를 실행시킨 후 4000번 포트로 접속하면 GraphQL을 테스트할 수 있는 UI가 나오며, 왼쪽 입력칸을 통해 데이터들을 직접 확인할 수 있다