웹스톰에서 노드JS가 자동 실행 안될 때


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


 1. 웹스톰은 컴퓨터에 node가 설치되어 있으면 자동으로 node.js 실행 환경을 설정합니다. 
이유는 잘 모르겠지만 Node가 실행안되는 분이 계시는 경우도 있습니다.



 2. 이럴 경우에는 환경설정 (Ctrl+ Shit + s)를 눌러 실행합니다.
Language & Frameworks을 실행합니다. 그러면 node interpreter 노드 실행 파일을 설정하는 곳과
Package manager를 NPM을 설정하는 곳이 있습니다. 이곳에 자신에 노드를 설치한 폴더로 맞추어 지정합니다. 


 3. 오른쪽 끝에 ...으로 되어 있는 열기 아이콘을 누르고 나오는 팝업에서도 +를 눌러 해당 node.js를 지정하면 됩니다.




마무리


노드가 설치되었다면 자동으로 잡힙니다. 혹시 설치 안하신건 아닌지요?


댓글을 달아 주세요



젯브레인 웹스톰 설치


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


JavasScript 를 개발하는 가장 강력한 IDE인 웹스톰을 설치해보려고 합니다. 
제 개인적인 생각으로도 Node.js 를 코딩시 개발자를 가장 편하게 만들어주는 도구입니다. 
많은 분들이 경험하지 못하는 이유가 가격이 유료라는 점입니다. 

하지만 30일 트라이얼 기간이 있으니 사용해보시길 추천합니다.


 1. 해당 젯브레인 홈페이지 URL에 접속합니다. 그럼 해당 화면에서 다운로드 버튼을 확인 가능합니다. 


 2. 다운로드 받은 파일을 실행합니다. 



 3. 이제 설치를 진행하겠습니다. 젯브레인 프로그램은 그저 다음 다음만 눌러주면 되죠.
역시 이 화면에서 Next를 눌러서 진행하시면 됩니다. 


 4. 설치 폴더를 설정합니다. 기본 폴더 위치를 정했습니다. 


 5. 설치 옵션이 잇습니다. 기본 그대로 next 를 클릭하겠습니다. 추후에 바꿀 수 있습니다.


 6. 프로그램 start 메뉴 이름을 정합니다. 


 7. 설치 완료후 해당 프로그램을 실행합니다. 



 8. 웹스톰이 설치가 완료 되었습니다. 




마무리


설치는 쉽죠?


댓글을 달아 주세요


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


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


이번 시간에는 개발시에 편의성을 위해 소스 수정시
자동 반영을 도와주는 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등과 같은 프론트엔드 프레임워크에 속하는 건가요?



웹스톰 포터블로 설치하기


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


 1. 인텔리제이 개발툴을 설치를 하는 방법을 배워보겠습니다.
Webstorm 기준으로 설치를 함께 진행 해보겠습니다.
해당 사이트에 접속하여서 다운로드를 받습니다.



 2. 그리고 저처럼 안정화된 이전버전을 받고 싶은분은 해당 버튼을 누르거나 URL로 이동합니다.


 3. 버전은 2017년로 다운로드 받아보겠습니다.
제 블로그 강의에서 웹스톰을 사용하는 경우 이버전을 사용중입니다.


 4. 첨부파일을 다운 받으셔도 됩니다.


 5. 설치는 당연히 설치파일을 누르면 


 6. 설치과정이 완료 됩니다.


 7. 하지만 개인적으로 포터블 버전으로 설치하여 사용하는걸 추천드리는데요.
확장자명을 zip으로 변경합니다.


 8. 그리고 이 압축파일을 풀면 이렇게 포터블로 실행가능한
폴더 버전이 나옵니다. 여기서 bin 폴더에 있는 해당 EXE 를 눌러서 실행하면 됩니다. 
포터블을 활용해 무한으로 인텔리제이 프로그램을 사용하는 방법이 있습니다


그럼 정상적으로 실행이 가능합니다.


마무리


각 프로젝트마다 포터블로 개발하고
하나에 프로젝트에 하나에 프로그램 포터블을 사용하세요.



댓글을 달아 주세요