5. boilerplate - tsc-watch 설치

boilerplate 유튜브 강의 시리즈

Blog ReactJS NodeJS#9 SET UP NODEMON

 

강의에서는 nodemon을 설치하지만

나는 typescript로 하고 있기 때문에 nodemon과 비슷한 tsc-watch를 설치하려고 한다.

이 모듈들은 파일의 변경사항을 감시한다.

코드를 수정하고 다시 저장 했을 때 서버를 자동으로 재시작해준다.

개발할 때 편리한 모듈이다.

 

1. tsc-watch 설치

npm i -D tsc-watch

 

2. package.json 스크립트 적용

 "scripts": {
    "start": "tsc-watch --onSuccess \"node dist/src/server/index.js\""
  },

 

3. node 실행

npm start

tsc-watch로 실행하면 파일의 변경사항이 자동으로 반영된다.

코드를 수정하고 서버를 껐다가 다시 실행해야하는 번거로움을 덜었다!