본문 바로가기
리액트(React)

블로그만들기 - nodemon 사용하기

by 즐거운코딩 2023. 7. 3.
반응형

서버 코드를 변경할 때마다 서버를 재시작하지 않기 위해 nodemon 도구를 설치합니다.

우선 개발용 의존 모듈로 설치합니다.

$ yarn add --dev nodemon

 

package.json 에 scripts를 다음과 같이 입력합니다.

{
  "name": "blog-backend",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "eslint-config-prettier": "^8.8.0",
    "koa": "^2.14.2"
  },
  "devDependencies": {
    "eslint": "^8.42.0",
    "nodemon": "^2.0.22"
  },
  "scripts": {
    "start": "node src",
    "start:dev": "nodemon --watch src/ src/index.js"
  }
}

start 스크립트에는 서버를 시작하는 명령을,   start:dev 스크립트에는 nodemon 을 통해 서버를 실행해주는 명령을 넣었습니다.

nodemon은 src 디렉토리를 주시하고 있다가 해당 디렉토리 내부의 어떤 파일이 변경되면, 이를 감지하여 scr/index.js 파일을 재시작합니다.

이제부터는 다음 명령어를 사용하여 서버를 시작할 수 있습니다.

$ yarn start  # 재시작이 필요없을 때

$ yarn start:dev # 재시작이 필요할 때

 

기존 실행하던 서버를 종료한 뒤 yarn start:dev 명령을 실행하고 기존 index.js 에서 기존 미들웨어를 모두 제거해 봅니다.

const Koa = require('koa');

const app = new Koa();

app.listen(4000, () => {
  console.log('Listening to port 4000');
});

위 내용과 같이 수정하고 저장하면 서버가 자동 실행 됩니다.

반응형