home강의 홈으로
Section 1. GraphQL이 뭐고 왜 쓰나요?
Lesson 3. GraphQL로 정보 주고받아보기

참고영상



체험 프로젝트 실행

  • 1-3-graphql-exp 프로젝트 실행

    # 프로젝트 모듈 설치 npm install # # 프로젝트 실행 명령어 (해당 프로젝트 폴더에서) nodemon index.js # 브라우저에서 localhost:4000 으로 확인

GraphQL 사용해보기

팀 정보 받아오기

query { teams { id manager office extension_number mascot cleaning_duty project } }

팀의 필요한 정보만 받아오기

query { teams { manager office } } query { team(id: 1) { manager office } }

팀 정보와 해당 팀 멤버들의 정보들 받아오기

query { team(id: 1) { manager office members { first_name last_name } } }

팀 목록과 역할 목록 받아오기

query { teams { manager office mascot } roles { id requirement } }

새 팀 추가

mutation { postTeam (input: { manager: "John Smith" office: "104B" extension_number: "#9982" mascot: "Dragon" cleaning_duty: "Monday" project: "Lordaeron" }) { manager office extension_number mascot cleaning_duty project } }

특정 번호의 팀 정보 수정

mutation { editTeam(id: 2, input: { manager: "Maruchi Han" office: "105A" extension_number: "2315" mascot: "Direwolf" cleaning_duty: "Wednesday" project: "Haemosu" }) { id, manager, office, extension_number, mascot, cleaning_duty, project } }

특정 번호의 팀 삭제

mutation { deleteTeam(id: 3) { id, manager, office, extension_number, mascot, cleaning_duty, project } }
GraphQL의 강점
1. 필요한 정보들만 선택하여 받아올 수 있음
  • Overfetching 문제 해결
  • 데이터 전송량 감소
2. 여러 계층의 정보들을 한 번에 받아올 수 있음
  • Underfetching 문제 해결
  • 요청 횟수 감소
3. 하나의 endpoint에서 모든 요청을 처리.
  • 하나의 URI에서 POST로 모든 요청 가능

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

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

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

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

🛑질문 전 필독!!

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