~#2 apollo 설치 및 환경설정

github commit 

https://github.com/gareen9342/movieql-client/commit/f66b9a1bc658b219c59666a10147bb0194b8dd6b

그렇다 잘못 설치해서 프로젝트를 두 번이나 만들었다 으악

 

1) npx create-react-app 으로 프로젝트 생성

npx create-reat-app movieql-client

 

2) apollo 설치

npm install @apollo/react-hooks apollo-boost graphql

 

3) client 만들어 주기

 

apolloClient.js

import ApolloClient from "apollo-boost";

const client = new ApolloClient({
  // uri: "https://movieql.now.sh/"
  uri: "http://localhost:4000/"
});

export default client;

난 이전에 만들어 놓은 서버를 연결했다 .

 

app.js

import React, { Component } from "react";
import { ApolloProvider } from '@apollo/react-hooks';
import client from "./apolloClient";

class App extends Component {
  render() {
    return (
      <ApolloProvider client={client}>
        <div className="App" />
      </ApolloProvider>
    );
  }
}

export default App;

 

 

 

아직 서버도 첨 만들어 보고 아폴로도 첨 써봐서 잘 모르겠지만 아폴로는 저 provider로 상태관리가 되는 듯..?!

 

apollo dev tool 설치 후 (크롭 확장 앱)

콘솔에서 확인해본다.

자세한 쿼리는 아직 안나오는데 이유 모르는 중 (머쓱)