summary 💥

• nodemon : 우리가 작성한 소스가 변경된 것을 감지해서 자동으로 서버를 재시작해주는 모듈
• nodemon 다운로드 : npm install nodemon --dev
• package.json 내 scripts에 "dev" : "nodemon src/index.js" 작성
• npm run backend 로 서버 구동

1. Nodemon

서버 코드를 변경 할 때마다, 매번 터미널에 npm run start 입력해서 서버를 재시작하는 게 매번 귀찮으시죠?
Nodemon 이라는 도구를 사용하면 이를 자동으로 동기화해줍니다.

2. Nodemon 사용 전

코드 수정 전 :

// server.js
import express from "express"

const app = express();

app.get("/", (req, res) => {
    res.send("Hello World 🧡🧡🧡!!!");
})

코드 수정 후 :

// server.js
import express from "express"

const app = express();

app.get("/", (req, res) => {
    res.send("수정 후 : Hello World!!!");
});

그런데, 코드를 수정하고 브라우저에서 F5 눌러서 페이지를 리프레시해봐도 아무런 변화가 없음.
-> 서버를 끈 다음에 다시 켜야 수정사항이 반영됨. 그래서 💥💥Nodemon 이 필요하다!!!💥💥

서버 재시작 후 :
수정 사항이 반영되려면, 현재 작동 중인 서버 종료 후 터미널에서 npm run start 입력하여 서버를 재시작해야 함.

// 터미널에서 Ctrl + c 눌러 현재 작동 중인 서버 종료 후 다음 명령어 실행
npm run start

3. Nodemon 사용 후

* Nodemon 설치

npm install nodemon -D

nodemon 설치 시 명령어의 차이

• npm install nodemon : package.json 파일에 있는 "dependencies" 에 추가
• npm install nodemon -D : -D 는 development mode의 약자, package.json 파일에 있는 "devDependencies" 에 추가

development mode : local에서 할 때만 사용을 하겠다. 라는 뜻이다!

* Script 작성

// package.json
"scripts": {
    // (변경 전) node를 이용해서 index.js를 시작
    "start": "node index.js",
    // (변경 후) nodemon을 이용해서 index.js를 시작
    "backend" : "nodemon index.js",  
    // ("backend" 란 이름은 마음대로 해도 된다.)
    "test": "echo \"Error: no test specified\" && exit 1"
  },

• 변경 전 : "script" 에서의 "start" 를 이용해서 npm run start 로 서버 켰음.
• 변경 후 : "script" 에 "backend" : "nodemon index.js" 를 추가해주면 이제, nodemon을 이용해서 서버를 켜겠다는 뜻임. "backend" 란 이름 대신 "dev"라고 해도 되고.. 마음대로 해도 됨.

* Nodemon 을 이용해서 서버 시작하기

// 서버 구동 시 입력할 터미널 명령어
npm run backend

서버를 껐다 켜지 않아도 바뀐 변경사항들이 페이지 새로고침만으로 나타남.