본문 바로가기

웹스톰4

WebStorm - 웹스톰에서 Node.js가 실행되지 않을 때 웹스톰에서 노드JS가 자동 실행 안될 때 안녕하세요. 고코더 입니다. ● 1. 웹스톰은 컴퓨터에 node가 설치되어 있으면 자동으로 node.js 실행 환경을 설정합니다. 이유는 잘 모르겠지만 Node가 실행안되는 분이 계시는 경우도 있습니다. ● 2. 이럴 경우에는 환경설정 (Ctrl+ Shit + s)를 눌러 실행합니다. Language & Frameworks을 실행합니다. 그러면 node interpreter 노드 실행 파일을 설정하는 곳과 Package manager를 NPM을 설정하는 곳이 있습니다. 이곳에 자신에 노드를 설치한 폴더로 맞추어 지정합니다. ● 3. 오른쪽 끝에 ...으로 되어 있는 열기 아이콘을 누르고 나오는 팝업에서도 +를 눌러 해당 node.js를 지정하면 됩니다. 마무리 노.. 2019. 12. 5.
WebStrom - 웹스톰 다운로드 및 설치하는 방법 젯브레인 웹스톰 설치 안녕하세요. 고코더 입니다. JavasScript 를 개발하는 가장 강력한 IDE인 웹스톰을 설치해보려고 합니다. 제 개인적인 생각으로도 Node.js 를 코딩시 개발자를 가장 편하게 만들어주는 도구입니다. 많은 분들이 경험하지 못하는 이유가 가격이 유료라는 점입니다. 하지만 30일 트라이얼 기간이 있으니 사용해보시길 추천합니다. ● 1. 해당 젯브레인 홈페이지 URL에 접속합니다. 그럼 해당 화면에서 다운로드 버튼을 확인 가능합니다. https://www.jetbrains.com/ko-kr/webstorm/ ● 2. 다운로드 받은 파일을 실행합니다. ● 3. 이제 설치를 진행하겠습니다. 젯브레인 프로그램은 그저 다음 다음만 눌러주면 되죠. 역시 이 화면에서 Next를 눌러서 진행하.. 2019. 12. 1.
Node.js - nodemon 설치, 실행방법 / webstorm 연동 노드몬 설치 후 웹스톰으로 연동 하기 안녕하세요. 고코더 입니다. 이번 시간에는 개발시에 편의성을 위해 소스 수정시 자동 반영을 도와주는 nodemon을 설치 하고 webstorm과 연동하는 방법을 배워 보겠습니다. ● 1. nodemon(노드몬)이란? ● 1-1. node.js 사용시에 꼭 필요한 모듈중 하나 입니다. 쉽게 말하면 소스 코드를 수정하면 이걸 감지하여 서버를 자동으로 재시작 해줍니다. 자바 개발시에 사용하던 비슷한 설정이 있죠? 거의 같은 역할을 해줍니다 -> eclipse 소스 수정시 톰캣 자동 재시작 / Auto reloading enabled ● 1-2. 설치 명령어는 아래와 같습니다. npm install nodemon -g ● 1-3. 글로벌 옵션이기에 제 컴퓨터 폴더 기준으로는.. 2019. 7. 29.
intellij - 설치방법 / 포터블 설치 / PhpStorm,WebStorm 웹스톰 포터블로 설치하기 안녕하세요. 고코더 입니다. ● 1. 인텔리제이 개발툴을 설치를 하는 방법을 배워보겠습니다. Webstorm 기준으로 설치를 함께 진행 해보겠습니다. 해당 사이트에 접속하여서 다운로드를 받습니다. http://bit.ly/2YohpZD ● 2. 그리고 저처럼 안정화된 이전버전을 받고 싶은분은 해당 버튼을 누르거나 URL로 이동합니다. http://bit.ly/2SL89cs ● 3. 버전은 2017년로 다운로드 받아보겠습니다. 제 블로그 강의에서 웹스톰을 사용하는 경우 이버전을 사용중입니다. ● 4. 첨부파일을 다운 받으셔도 됩니다. ● 5. 설치는 당연히 설치파일을 누르면 ● 6. 설치과정이 완료 됩니다. ● 7. 하지만 개인적으로 포터블 버전으로 설치하여 사용하는걸 추천드리는데.. 2019. 7. 29.