본문 바로가기
Apollo GraphQL Prisma

인스타그램 클론코딩 BACKEND 만들기 #1 - apollo-server 와 graphql 설치

by 정정훈의 아날로그 2021. 6. 15.

Step 01 - npm i apollo-server graphql

 

Step 02 - server.js 파일 만들기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const { ApolloServer, gql } = require('apollo-server');
 
const typeDefs = gql`
  type Query {
    "A simple type for getting started!"
    hello: String
  }
`;
 
const resolvers = {
  Query: {
    hello: () => 'world',
  },
};
 
const server = new ApolloServer({
  typeDefs,
  resolvers,
});
 
server.listen().then(({ url }) => {
  console.log(`🚀 Server ready at ${url}`);
});
cs
 

https://github.com/apollographql/apollo-server

 

apollographql/apollo-server

🌍  Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more. - apollographql/apollo-server

github.com

 

Step 03 - package.json 수정

1
2
3
"scripts" : {
    "dev": "node server.js"
}
cs

package.json 파일의 "scripts" 부분에 "node server.js" 를 추가한다.

 

Step 04 - npm i nodemon --save-dev

nodemon 설치 후 package.json 파일의 "scripts" 부분에 "nodemon --exec" 를 추가한다.

1
2
3
"scripts" : {
   "dev": "nodemon --exec node server.js"
}
cs

이렇게 변경하면 파일을 수정할때마다 서버를 자동으로 재시작 해준다.

 

Step 05 - npm run dev

서버 시작!