[기초] nodemon 설치

 

안녕하세요.

초보 코더입니다.

지난번 express 서버를 설치하였습니다.

 

 

지난 글을 보시려면 아래 클릭^^

 

2020/04/08 - [30 남자 BM/BackEnd] - [기초] express 서버 만들기

 

현재 package.json 파일에 보면 scripts 내부에 dev라는 명령어로 node가 실행할 수 있게 작성해두었습니다.

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

 

 

그리고 index.js에서는 express 및 port 설정을 해두었으며,

localhost:4000 에 띄울 수 있는 "hello express",

console.log를 실행 시켜놨습니다.

const express = require("express");
const app = express();
const port = 4000;

app.get("/", (req, res) => res.send("hello express"));

app.listen(port, () => console.log(`port is ${port}`));

 

이제 서버를 구동시켜볼까요?

 

저는 yarn을 사용하고 있어서 아래와 같이 터미널에 명령어를 입력합니다.

yarn dev

 

그럼 터미널에 "port is 4000" 이라는 콘솔이 나오게 됩니다.

그리고 localhost:4000에도 들어가시면 저희가 적은 "hello express"를 보실 수 있습니다.

 

 

 

제가 아래와 같이 수정을 하였지만, 새로고침을 아무리해도 나타나지 않았습니다.

작업하는 파일을 수정하게 되면, 매번 서버를 다시 켜야되는 번거로움이 있는데요..

그래서 nodemon을 설치하여야 합니다😃😃

 

 

$ yarn add nodemon

nodemon을 설치한 후, package.json 파일에서 scripts 부분을 수정해주셔야됩니다.

 

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

 

이후에 다시 실행해볼까요??

yarn dev

 

 

그럼 node를 실행했을때와는 다른 모습을 볼 수 있습니다.

그리고 파일을 수정하고 저장을 하면 nodemon이 재실행됩니다 👏👏👏

 

localhost에서도 새로 고침을 하게 되면, text가 바로 변경되는 모습을 볼 수 있습니다.

 

 

새로 고침 (f5) 한번이면 바로 수정이 됩니다!

 

쉽죠!?

그럼 이만!