노드몬 설치 후 웹스톰으로 연동 하기 


안녕하세요.
고코더 입니다.


이번 시간에는 개발시에 편의성을 위해 소스 수정시
자동 반영을 도와주는 nodemon을 설치 하고  webstorm과 연동하는 방법을 배워 보겠습니다.


 1. nodemon(노드몬)이란?


 1-1. node.js 사용시에 꼭 필요한 모듈중 하나 입니다. 
쉽게 말하면 소스 코드를 수정하면 이걸 감지하여 
서버를 자동으로 재시작 해줍니다. 

자바 개발시에 사용하던 비슷한 설정이 있죠?
거의 같은 역할을 해줍니다
 1-2. 설치 명령어는 아래와 같습니다. 
npm install nodemon -g


 1-3. 글로벌 옵션이기에 제 컴퓨터 폴더 기준으로는 아래 주소로 설치가 됩니다. 
C:\Users\gocoder\AppData\Roaming\npm\node_modules


 1-4. 명령어를 실행하면 npm이 자동으로 노드몬을 설치 해줍니다. 


 1-5. npm 폴더에 nodemon이 설치되어 있는게 보입니다.
설치가 성공적으로 완료되었습니다.
C:\Users\gocoder\AppData\Roaming\npm\node_modules\nodemon



 2. webstorm 노드몬 연동 


 2-1. 이제 노드몬을 사용하기 위해 webstorm 에 설정을 해주겠습니다. 
상단에 Edit configurations 를 클릭 합니다. 


 2-2.node parameters에 위에서 설치한 폴더주소를 입력 합니다.


 2-3.OK를 눌러 설정을 저장합니다. 


 2-4서버시작버튼으로 실행하면 노드몬으로 실행 됩니다.




 3. 커맨드 라인에서 노드몬 실행 방법


이번에는 커맨드 라인에서 수동으로 nodemon으로 서버를 시작하는 방법을 알아봅니다. 

 3-1. 프로젝트 폴더까지 이동합니다. 
그리고 아래 명령어를 입력 합니다.
nodemon npm start


 3-2. 노드몬이 실행됩니다.

.

노드몬은 .js에 수정 될때마다 감지하여 자동으로 서버를 재시작 해주는 역할을 하여 서버언어도 마치 html을 수정하듯 개발이 가능합니다.


마무리


노드몬으로 학습 속도 개발속도 모두 향상 시키세요.



아메리카노 한잔으로 배우는 Node.js Express 기본편



해당 내용은 제가 집필한 책에 일부를 발취한 내용입니다.
도움이 되셨으면 후원에 마음으로 제 책을 전국 온라인 서점에서 구매해보세요.




댓글을 달아 주세요

  • 송천동바이블 2019.09.27 13:51  댓글주소  수정/삭제  댓글쓰기

    좋은 강의 잘 보고 있습니다.!
    질문이 있어서 이렇게 댓글 달아요.
    nodemon이 React등과 같은 프론트엔드 프레임워크에 속하는 건가요?