리액트 보일러 프로젝트 - 4 nodemon 설치

프로젝트 진행 중 변경사항이 생기면 리액트 서버를 내리고 수정 사항 반영 후 다시 올리는

반복적인 작업을 했습니다

자주 수정하는 사항이나 간단한 것들의 경우 이러한 상황이 매우 불편하게 다가옵니다

이럴 때 도움을 주는 것이 nodemon(노드몬) 입니다

nodemon을 사용하면 변경된 사항을 업데이트를 해주어서

노드 서버를 내리고 올리는 일을 안 해도 변경 사항을 업데이트해주기 때문에

매우 유용합니다

nodemon 설치

설치 방법은 "npm install nodemon --save-dev"입니다

"npm install nodemon --save"만 해도 무방하지만 -dev를 붙이면

localhost(로컬) 즉 본인이 개발하는 환경일 때만 적용할 수 있게 해 줍니다
배포 등의 상황에서는 적용이 안된다는 이야기입니다

nodemon이 설치되었습니다

기존 dependencies와 다른 이유는 -dev 명령어를 사용했기 때문입니다

 

"scripts"에서 "원하는 명령어" : "nodemon index.js" 작성하시면 됩니다

"dev"란 이름으로 프로젝트에 설정해보겠습니다

아래와 같습니다

이제는 프로젝트 실행 시 start 대신 "npm run dev"를 입력하면

start와 똑같이 실행되고 변경사항이 생기면 새로고침 시 화면이 바뀌는 것을 확인할 수 있습니다