티스토리 뷰

프론트엔드/React

Nodemon

celine_e 2023. 1. 17. 10:22

1. Nodemon 이란? 

node 서버를 킨 다음 수정 사항이 있을 때,  수정사항을 적용하기 위해서는 서버를 재가동 시켜 줘야 하는 불편함이 있습니다. 이러한 불편함을 줄이기 위해서 Nodemon을 사용합니다.

Nodemon은 수정사항이 있을 때 변화를 감지하여 자동으로 서버를 재 시작해주는 tool입니다. 

 

2. 사용방법

1) Nodemon 을 다운 받습니다.

npm install nodemon --save-dev

 

- dev를 붙이는 이유

로컬에서 할 때(개발환경)와  배포를 한 이후의 모드가 있습니다.  dev를 붙이면은 로컬에서 할 때만 사용을 하겠다 라는 뜻 입니다. 

dev를 붙였기 때문에 package.json의 하단에 

"devDependencies": {
    "nodemon": "^2.0.20"
  }

에 nodemon이 들어 가 있습니다. 

 

"dependencies": {
    "bcrypt": "^5.1.0",
    "body-parser": "^1.20.1",
    "cookie-parser": "^1.4.6",
    "express": "^4.18.2",
    "jsonwebtoken": "^9.0.0",
    "mongoose": "^6.8.3"
  },
  "devDependencies": {
    "nodemon": "^2.0.20"
  }

2) nodemone으로 실행시키기

package.json 의 scripts에  nodemon의 index.js로 실행시키기 위해서 추가해줍니다.(하단의 코드 참고) 

- 추가한 부분 : "dev": "nodemon index.js",

"dev"는 이름 편한 이름으로 지어도 상관없습니다. 

  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

3.  실행

이제 서버를 실행 할 때는 npm run dev 로 실행을 시켜주면 됩니다. 

 

'프론트엔드 > React' 카테고리의 다른 글

React Router Dom  (0) 2023.02.02
React Folder Structure  (0) 2023.02.02
npm, npx  (0) 2023.01.18
Node.js / express.js  (0) 2023.01.16
[React.js] QR Code 생성  (0) 2021.08.17
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2026/04   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
글 보관함