GRAPHQL API 세팅

suliver·2024년 6월 20일

GRAPHQL

목록 보기
3/5
post-thumbnail

1. cmd 실행

  • 윈도우키 + r -> cmd 입력 -> 확인

2. Documents으로 이동

  • cd C:/Users/사용자이름/Documents 입력

3. 파일 생성

  • mkdir 파일명 입력

4. VScode 창 열기

  • code 파일명 입력

5. package.json 파일 생성

  • VScode 터미널 열고(ctrl + `) npm init -y 입력

6. Apollo Server 설치

  • npm i apollo-server graphql 입력

7. nodemon 패키지 설치

  • npm i nodemon -D 입력

8. server.js 파일 생성

9. .gitignore 파일 생성

10. .gitignore 코드 추가

  • node_modules/ 입력

11. 새 git 레포지토리 초기화

  • git init . 입력

12. package.json 코드 수정 및 추가

  • 기존 scripts에 있던 내용 지우고 "dev": "nodemon server.js"으로 변경

  • "type": "module" 코드 추가

13. server.js 코드 추가

  • import { ApolloServer, gql } from "apollo-server"; 입력

14. npm 스크립트 실행

  • npm run dev 입력

15. server.js 코드 추가

  • 아래 코드 입력
const server = new ApolloServer({});

server.listen().then(({ url }) => {
    console.log(`Running on ${url}`);
});

16. 에러 발생

  • Apollo Server는 존재하는 schema나 modules 또는 typeDefs를 가져와야 한다. (graphql이 data의 shape을 미리 알고있어야 하기 때문에 발생한다.)

17. GraphQL 스키마 정의

  • 아래 코드 입력
const typeDefs = gql``;

const server = new ApolloServer({ typeDefs });

18. 에러 발생

  • 예상치 못한 End Of File이다. (type이 없기 때문에 발생한다.)

19. 쿼리 타입 정의

  • 아래 코드 입력
type Query {
        text: String
        hello: String
    }

0개의 댓글