프린세스 다이어리

얄팍한 사전코딩 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 강의 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..

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

얄팍한 코딩 유튜브 강좌 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..