#1.0. Setting up the project

Create project 

Github에 접속하여 새로운 프로젝트 저장소를 생성한다.

https://github.com/

Build software better, together

Add .gitignore 로 설정한다. Node.js 프로젝트를 생성할 때 필요한 설정파일들을 자동으로 생성해준다. 

작업할 폴더로 이동하여 github에 생성한 프로젝트를 다운로드 받는다.

git clone https://github.com/neotmons/prismagram

 

다운로드 받은 프로젝트 폴더로 이동하여 yarn init 실행

yarn init

의존성 모듈을 설치한다. 

yarn add graphql-yoga

의존성 모듈을 설치 완료 후 콘솔에 'code .'을 입력하여 Visual studio code를 실행한다.

 

package.json 파일에서 "main": "index.js" 라인을 삭제한다. 

 

Nodemon 설치

Terminal을 열어 'yarn add nodemon -D' 를 실행한다.

이는 src/server.js에 있는 코드를 실행하는 script를 작성하기 위해서는 nodemon 이 필요하다.

 

프로젝트 내 src 폴더와 src/server.js 파일을 생성한다.

 

Terminal을 통해 'yarn add babel-cli'를 설치한다. 

Terminal을 열어 'yarn add babel-nodeyarn add @babel/core @babel/node @babel/preset-env --dev'를 실행한다. 

 

package.js 파일을 아래와 같이 정의한다. 

  "scripts": {
    "deploy": "prisma deploy",
    "generate": "prisma generate",
    "prisma": "yarn run deploy && yarn run generate",
    "dev": "nodemon --exec babel-node src/server.js",
    "prebuild": "yarn run generate",
    "build": "babel src -d build",
    "postbuild": "cd src && npx copy ./api/**/*.graphql ../build/api/",
    "start": "node build/server.js"
  }

 

위와 같이 package.js 파일을 수정한 후 터미널에서 yarn dev를 실행하면 'nodemon --exec bable-node src/server.js'가 실행된다. 

 

nodemon에서 변경을 감시할 파일의 확장자 지정을 위해서는 nodemon.json 파일을 생성하고

아래와 같이 ext를 추가한다. 확장자가 js, graphql 인 파일이 변경될 경우, nodemon은 자동으로 재실행된다.

{
    "ext": "js graphql"
}

 

Node 서버 실행

 

파일 작성이 완료되면 터미널을 통해 yarn dev를 입력하면 Node 서버가 실행되는 모습을 볼 수 있다.