[Section04] GraphQL 세팅

GraphQL 세팅

_app.js : 모든 페이지의 설정파일

여기에 GraphQL 을 사용할 수 있도록 세팅 해줘야함!!

 

import { ApolloClient, InMemoryCache, ApolloProvider } from "@apollo/client";

export default function App({ Component }) {
  // GraphQL 세팅
  const client = new ApolloClient({
    uri: "주소",
    cache: new InMemoryCache(), //컴퓨터의 메모리에다가 백엔드에서 받아온 데이터 임시로 저장해 놓기 => 나중에 더 자세히 알아볼 예정
  });

  return (
    // 아래 컴포넌트에서 GraphQL을 사용할 수 있도록 감싸줌
    <ApolloProvider client={client}>
      <Component />
    </ApolloProvider>
  );
}