비엣맨의 공부 노트 비엣맨의 공부 노트

#1 Apollo GraphQL 기초 셋팅을 보자. 그리고 전체적인 흐름을 파악해보자. 1. 먼저 graphql 서버가 돌아 가고 있어야 한다. 이 서버는 이전에 만들었던 http://localhost:4000로 사용 하겠다. 2. npm install styled-components react-router-dom apollo-boost @apollo/react-hooks graphql 를 설치해주자. 3. 전체적인 파일 트리는 아래 참고. 4. 각 파일 및 기능 별로 개념을 이해해보자. >index.js 파일 import React from "react"; import ReactDOM from "react-dom"; import App from "./components/App"; import { Apo..

#1 설치 1. 프로젝트 폴더 하나 생성후 npm init 입력 (관련 정보들 입력) 2. npm install graphql-yoga 설치 #2 Problems solved by GraphQL 1. 기존 restAPI의 단점은 over-fetching과 under-fetching 이 있었다. 하지만 graphql에서는 필요한 정보만 백엔드서버에서(DB)에서 요청 하여 가지고 올 수 있다. 좋네~! #3 Creating a GraphQL Server with GraphQL Yoga 1. npm install -g nodemon 설치 (파일을 수정 및 저장 할 때마다, 서버를 재시작하게 해줌 // index.js를 확인함) 2. npm install -g babel-cli 설치(Babel은 ES6/ES7 ..