analogcoding

라이브러리 설치 npx install --save apollo-boost react-apollo graphql-tag graphql react apollo 구조 정리 react 환경에서 apollo 를 사용해서 graphQL data 를 가져오려면 먼저 apollo client 에서 서버와 연결하고 apollo privider 로 사용할 react 의 최상단 component 를 감싸준다. data 의 스키마에서 필요한 부분을 따로 정의하고 가져올 수 있는 양식을 만든다. (ex. 스키마에 id,nickname,password,email 등 많은 정보가 있어도 직접 정의해서 id , nickname 등 필요한 정보만 가져와서 overfetching 을 방지할 수 있다.) react 에서 필요한 부분에서 ..

Toy 37번 문제. NumberToString() 숫자를 문자로 변환시켜 리턴하는 문제. ex) 19 -> nineteen / 101 -> one hundred one 구현 실패 . 해결되면 다시 업로드 예정. 라이브러리 설치 npx install --save apollo-boost react-apollo graphql-tag graphql react apollo 구조 정리 react 환경에서 apollo 를 사용해서 graphQL data 를 가져오려면 먼저 apollo client 에서 서버와 연결하고 apollo privider 로 사용할 react 의 최상단 component 를 감싸준다. data 의 스키마에서 필요한 부분을 따로 정의하고 가져올 수 있는 양식을 만든다. (ex. 스키마에 id..

import React from 'react'; import { render } from 'react-dom'; import './index.css'; import App from './App'; import ApolloClient from "apollo-boost"; const client = new ApolloClient({ uri: "https://api.github.com/graphql", request: operation => { operation.setContext({ headers: { authorization: `Bearer your-personal-access-token` }, }); } }); render(, document.getElementById('root')); uri : 데이터..

개발 환경 설정 apollo-client react-apollo graphql-tag Apollo 클라이언트 만들기 import { ApolloClient } from 'apollo-client'; import { InMemoryCache } from 'apollo-cache-inmemory'; import { HttpLink } from 'apollo-link-http'; const cache = new InMemoryCache(); const link = new HttpLink({ uri: 'http://localhost:4000/' }) const client = new ApolloClient({ cache, link }) uri : 데이터를 가져 오기 위해 사용하는 graphql 끝점. 요청 : ..

1. graphql-yoga 설치 yarn add graphql-yoga 터미널 창에 위의 명령어를 실행시켜 graphql-yoga를 설치한다. 2. nodemon, babel 설치 yarn add nodemon yarn add babel-cli nodemon은 파일이 수정될 때마다 서버를 자동으로 재시작시켜준다. .babelrc 파일을 만들어 환경 설정을 해준다. package.json에 명령어를 추가한다. { "presets": ["env", "stage-3"] } nodemon을 실행 시키는데 babel을 통해 변환을 거치고 index.js를 실행시켜 서버를 실행시킨다 3.index.js 파일 생성 및 실행 //index.js import { GraphQLServer } from "graphql-y..