목록GraphQL (6)

프린세스 다이어리

[GraphQL] 6. Mutation 쿼리 짜는 기본 코드 설명

얄팍한 코딩 사전 강의 query가 데이터를 get 해오는 거라면, mutation은 데이터에 내가 어떤 추가, 수정, 삭제를 하는 것이다. 사실 query문을 사용하여 resolvers를 어떻게 짜냐에 따라서 데이터를 수정할 수도 있고, mutation문으로 데이터를 받아오도록 짤 수 있다. 하지만 이런 쿼리문은 개발자들끼리 약속한 하나의 명세이니 원래 의도에 맞추는 것이 바람직하다. 1. Mutation으로 데이터 삭제하기 const typeDefs = gql` type Query { teams: [Team] team(id: Int): Team equipments: [Equipment] supplies: [Supply] } type Mutation { deleteEquipment(id: String)..
GraphQL 2021. 11. 24. 19:41
[GraphQL] 5. Query 구현하는 기본 코드 설명

얄팍한 사전코딩 GraphQL 기존 코드 const database = require('./database'); const { ApolloServer, gql } = require('apollo-server'); const typeDefs = gql` type Query { teams: [Team] } type Team { id: Int manager: String office: String extension_number: String mascot: String cleaning_duty: String project: String } `; const resolvers = { Query: { teams: () => database.teams }, }; const server = new ApolloServer..
GraphQL 2021. 11. 23. 19:36
[GraphQL] 4. apollo-server 설치, 기본 실행 코드 설명

얄팍한 코딩 GraphQL 강의 1. apollo-server 설치 npm i apollo-server // index.js const database = require('./database'); const { ApolloServer, gql } = require('apollo-server'); const typeDefs = gql` type Query { teams: [Team] } type Team { id: Int manager: String office: String extension_number: String mascot: String cleaning_duty: String project: String } `; const resolvers = { Query: { teams: () => datab..
GraphQL 2021. 11. 22. 19:36
[GraphQL] 3. Apollo가 무엇이고 왜 쓰는지

1. GraphQL를 사용하기 위해 필요한 것 RestAPI와 마찬가지로, GraphQL 또한 데이터를 주고받기 위한 한 형식일 뿐이다. 누군가가 정보를 실제로 받을 수 있도록 만들어둔 장치가 아니라는 것이다. 따라서 GraphQL을 사용하려면 이미 만들어져 있는 솔루션(라이브러리)이 필요하다. GraphQL 라이브러리의 역할과 종류: - 백엔드에서 정보를 제공 및 처리 - 프론트엔드에서 요청 전송 - GraphQL.js, GraphQL Yoga, AWS Amplify, Relay,... 백엔드 단에서 요청이 들어오면 GraphQL이 요청을 해석해서 데이터베이스로부터 정보를 꺼내다가 가공 및 처리해서 다시 보내주는 것이다. 또 프론트 단에서도 해당 형식에 맞게 GraphQL 요청을 보낼 수 있어야 한다...
GraphQL 2021. 11. 21. 12:58
[GraphQL] 2. GraphQL 형식으로 정보 주고받는 방법 정리

얄팍한 코딩 유튜브 강좌 1. GraphQL 형식 정리 (1) query RestAPI로 따지면 get 같은 역할을 하는 게 GraphQL에서는 query다. 모든 팀의 정보 전체를 받아오기 위해 다음과 같이 쿼리를 날릴 수 있다. query { teams { id manager office extension_number mascot cleaning_duty project } } 여기에서 manager와 office 정보만 받아오고 싶다면 이렇게 teams를 요청하면 된다. query { teams { manager office } } 그리고 id가 2인 팀을 받고 싶다면 team(id: 2)로 요청한다. query { team(id: 2) { manager office } } 이렇게 GraphQL에서는..
GraphQL 2021. 11. 21. 09:35
[GraphQL] 1. RestAPI의 특징과 한계, GraphQL이 등장한 배경

얄팍한 코딩 유튜브 강좌 1. RestAPI가 무엇인가? RestAPI는 데이터를 주고받을 수 있는 하나의 형식이다. 그 형식은 크게 두 파트로 나뉘는데, 하나는 URI고 하나는 요청 방식이다. (1) 요청 방식 GET 정보 받아오기 POST 정보 입력하기 PUT/PATCH 정보 수정하기 DELETE 정보 삭제하기 이런 것들이 있다. (2) URI 형식 우리가 항상 사용하는 주소창 url처럼 생겼다. 데이터 받아오기 GET localhost:3000/api/team GET localhost:3000/api/team/{id 번호} GET localhost:3000/api/people GET localhost:3000/api/people?{변수}={값}&{변수}={값} ... GET localhost:300..
GraphQL 2021. 11. 20. 21:08
Prev 1 Next