summary 💥

nodemon:モジュール

、作成したソースコードが変更されたことを検出し、自動的にサーバを再起動できます.
ダウンロード

nodemon:npm install nodemon--dev

package.jsonスクリプトでdevを作成する:nodemon src/index.js

npm実行バックエンド、サーバ駆動

1. Nodemon

サーバコードを変更するたびに、端末にnpm runstartを入力してサーバを再起動するのは面倒でしょう?
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!!!");
});

ただし、コードを修正してブラウザでF 5を押してページをリフレッシュしても何の変化もありません.
->変更内容を反映するには、サーバを閉じてからサーバを再開します.だから.💥💥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は開発モードの略、packageです.jsonファイルに追加されたdevDependencies

開発モード:ローカルでのみ使用します.そういう意味です!

*スクリプトの作成

// 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"
  },

変更前:npm runstartとして「script」の「start」を使用してサーバを開きます.

変更後:scriptにbackend:nodemon index.jsを追加すると、nodemonを使用してサーバが開きます.「backend」ではなく「dev」と呼ぶこともできます...好きなようにしてもいいです.

*Nodemonを使用してサーバを起動

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

サーバが再起動しなくても、変更はページをリフレッシュするだけです.