home강의 홈으로
Section 2. GraphQL 서버 만들어보기
Lesson 2. Query 구현하기

2. Query 구현하기

  • 지난 실습 그대로 진행 또는 2-2-server-query 열기

Query 루트 타입

type Query { teams: [Team] }
  • 자료요청에 사용될 쿼리들을 정의
  • 쿼리 명령문마다 반환될 데이터 형태를 지정

Type 살펴보기

type Team { id: Int manager: String office: String extension_number: String mascot: String cleaning_duty: String project: String }
  • 반환될 데이터의 형태를 지정
  • 자료형을 가진 필드들로 구성

Resolver 살펴보기

const resolvers = { Query: { teams: () => database.teams } }
  • Query란 object의 항목들로 데이터를 반환하는 함수 선언
  • 실제 프로젝트에서는 MySQL 조회 코드 등..

equipments를 반환하는쿼리 만들어보기

  • dbtester.js 생성

    const database = require('./database') console.log(database.equipments)
  • equipment의 데이터 자료형

    type Equipment { id: String, used_by: String, count: Int, new_or_used: String }
  • 다수의 equipment를 반환하는 쿼리

    type Query { ... equipments: [Equipment] }
  • 데이터베이스에서 equipments를 추출하여 반환하는 resolver

    Query: { // ... equipments: () => database.equipments }
  • 쿼리 요청해보기

    query { equipments { id used_by count new_or_used } }



supplies 받아오기 추가

query { ... type Supply { id: String, team: Int } } type Query { ... supplies: [Supply] } type Query { //... supplies: () => database.supplies }


특정 team만 받아오기

  • args로 주어진 id에 해당하는 team만 필터링하여 반환

    Query: { //... team: (parent, args, context, info) => database.teams .filter((team) => { return team.id === args.id })[0], }
  • id를 인자로 받아 하나의 Team 데이터를 반환

    type Query { ... team(id: Int): Team } query { team(id: 1) { id manager office extension_number mascot cleaning_duty project } }



teamsupplies 연결해서 받아오기

  • Team 목록을 반환 시 해당하는 supplies를 supplies 항목에 추가

    Query: { // ... teams: () => database.teams .map((team) => { team.supplies = database.supplies .filter((supply) => { return supply.team === team.id }) return team }), }
  • Team의 항목들 중 supplies: 다수의 Supply를 반환

    type Team { id: Int manager: String office: String extension_number: String mascot: String cleaning_duty: String project: String supplies: [Supply] }

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소
yalco@yalco.kr
메일 제목 (반드시 아래 제목을 붙여넣어주세요!)
[질문] GraphQL과 Apollo 2-2

🛑질문 전 필독!!

  • 구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
  • 오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
  • 강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
  • "유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
  • 질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.
🌏 Why not change the world?