노드몬 설치 후 웹스톰으로 연동 하기
안녕하세요.
고코더 입니다.
이번 시간에는 개발시에 편의성을 위해 소스 수정시
자동 반영을 도와주는 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을 수정하듯 개발이 가능합니다.
마무리
노드몬으로 학습 속도 개발속도 모두 향상 시키세요.
'IT_Developers > Node.js' 카테고리의 다른 글
| Node.js - views 기본 생성 예제 (3) | 2019.07.29 |
|---|---|
| Node.js - routes 기본 생성 예제 (0) | 2019.07.29 |
| Node.js - Webstorm으로 express 프로젝트 ejs로 생성하기 (0) | 2019.07.29 |
| Node.js - ejs 와 jade를 비교 살펴보기 (0) | 2019.07.28 |
| Node.Js - Express 서버 실행 / hello Express(node) / Port 변경 (2) | 2019.07.28 |
댓글