[GraphQL] Query 와 Mutation

2023. 3. 15. 19:56·Back/Database

query와 mutation을 사용하기 위해서는 _app.js에 설정해줘야 하는 게 있다.

_app.js

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

export default function App({ Component, pageProps }) {
  const client = new ApolloClient({
    uri: "http://practice.codebootcamp.co.kr/graphql",
    cache: new InMemoryCache(),
  });
  return (
    <ApolloProvider client={client}>
      <Component {...pageProps} />
    </ApolloProvider>
  );
}

 

http://practice.codebootcamp.co.kr/graphql

위 사이트에서 Back-end 개발자가 만들어놓은 API를 이용할 수 있다.(나중에 더 공부해서 나도 직접 GraphQl API를 만들어봐야지..)

 

Query는 조회

Mutation은 생성, 수정, 삭제

 

Docs는 사용 방법을 적어 놓은 것

createBoard는 mutation으로 게시글을 생성한다.

fetchBoard는 query로 등록된 게시글을 조회 할 수 있다.

이렇게 playground를 통해 미리 확인을 해보고 코드를 복사한 다음 vscode로 붙여넣기 해서 사용하는 방법이 에러도 안나고 더 편하게 사용 할 수 있다.

저작자표시 (새창열림)

'Back > Database' 카테고리의 다른 글

[MYSQL] 오류코드 1452  (0) 2023.10.06
[GraphQl] GraphQl - Codegen 설치하기  (0) 2023.03.26
[GraphQL] GraphQL이란?  (0) 2023.03.10
이클립스 MySQL연동(8.0.28)  (0) 2022.01.24
'Back/Database' 카테고리의 다른 글
  • [MYSQL] 오류코드 1452
  • [GraphQl] GraphQl - Codegen 설치하기
  • [GraphQL] GraphQL이란?
  • 이클립스 MySQL연동(8.0.28)
soyeon26
soyeon26
  • soyeon26
    개발 일지
    soyeon26
  • 전체
    오늘
    어제
    • 분류 전체보기 (86)
      • Web (1)
        • Web (1)
        • HTTP (0)
      • Java (25)
        • JVM (0)
      • Spring (9)
      • AWS (0)
      • Language (4)
        • Java Script (3)
        • Type Srcipt (1)
      • Front (19)
        • HTML+CSS (4)
        • React (15)
      • Back (20)
        • JSP (0)
        • Database (5)
        • NestJS (6)
      • Devops (6)
        • Docker (1)
        • Git & SVN (5)
      • App (7)
        • Android (7)
      • IT 정보 (3)
      • 회고록 (0)
  • 블로그 메뉴

    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    스프링부트
    데이터베이스 강의
    Next.js
    sql강의
    SQL강의 추천
    과학기술인번호 조회
    과학기술인등록번호 조회
    강의 후기
    과학기술인 등록번호 발급
    CSR
    csr과ssr의 차이
    SSR
    자바스크립트set
    프론트엔드
    java의 정석
    과학기술인 번호 발급
    백엔드
    Next.js 필요성
    React
    김영한
    csrvsssr
    javascript
    springboot
    중복제거
    강의후기
    과학기술인 등록
    React Next.js
    인프런
    Spring
    Java
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
soyeon26
[GraphQL] Query 와 Mutation
상단으로

티스토리툴바