본문 바로가기

webstorm12

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.
WebStorm - JetBrains이 가져온 JavaScript IDE 혁명 / 웹스톰을 추천하는 이유 할 수 있다면 웹스톰으로 개발 하는게 어떨까요? 안녕하세요. 고코더 입니다. Node.js에 등장으로 JavaScript 개발을 위한 IDE들이 다시 주목 받고 있습니다. 공룡 IT 기업들은 이미 저마다 무료로 사용가능한 개발 프로그램들을 제작하여 배포하고 있습니다. 이런 레드오션 시장에서 유료 정책으로 성공한 웹스톰에 대해 이야기를 나누려고 합니다. 1. 기존에도 훌륭한 무료 IDE 시장 자바스크립트를 개발 할 수 있는 프로그램은 많습니다. 급할때는 메모장을 사용 할 수 도 있고 강력한 기능을 갖춘 무료 프로그램도 많습니다. MS사에 비주얼 스튜디오 코드, 깃허브에 아톰, 어도비에 브라켓등 선택 사항은 넓고 풍족합니다. 실제로 많은 개발자와 기업에서는 이 프로그램들을 도입하여 부족함 없이 자바스크립트를.. 2019. 11. 28.
Node.js - Mysql 설치방법 / CMD / webstorm 설치방법 노드에서 MySQL 설치 방법 안녕하세요. 고코더 입니다. 오늘은 데이터베이스를 쓰기 위해 첫번째로 해야 하는 Mysql 설치 방법을 함께 알아보려고 합니다. 노드를 배우는 강의이고 개인에게는 완전히 무료이면서 설치가 가벼워서 다른 DBMS를 제치고 번 강의에서는 MySQL를 사용해보겠습니다. 설치 방법은 두가지가 있습니다. 그리고 npm 설치는 모두 이 과정과 동일 합니다. ● 1. 커맨드(CMD)로 설치 ● 1-1. 커맨드 라인에서 자신에 프로젝트로 이동 합니다. 저랑 계속 함께 개발중이라면 해당 폴더 입니다. D:\node\gocoder ● 1-2. 프로젝트에서 npm을 설치하는 명령어를 입력합니다. 그럼 순신각에 폴더와 파일을 생성 하면서 끝입니다. npm install mysql ● 1-3. n.. 2019. 7. 31.
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 theme 파일 적용하기 안녕하세요. 고코더 입니다. 오늘은 인텔리제이 프로그램에서 외부에서 다운받은 테마 파일을 적용하는 방법을 알아보겠습니다. ● 1. 이전 시간에 테마를 모아둔 사이트를 소개했습니다. -> intellij - 인텔리제이 에디터 테마 다운로드 사이트 / color-themes.com 거기서 가장 다운로드 횟수가 많은 Ladies Night2를 적용해보겠습니다. ● 2. 파일을 다운받습니다. 자바로 만든 티가 나는 jar 파일입니다. ● 3. 그리고 인텔리 제품을 킵니다. 저는 PHP스톰에서 적용해보겠습니다. File->Import Settings 를 클릭 합니다. ● 4. 그리고 jar로 된 파일을 선택하여 OK를 누릅니다. ● 5. 그리고 적용 여부를 묻습니다. 모두 선택하고 OK .. 2019. 7. 25.
intellij - 인텔리제이 에디터 테마 다운로드 사이트 / color-themes.com IDEA, Webstorm, PyCharm, RubyMine, PhpStorm 테마 설치하기 안녕하세요. 고코더 입니다. ● 1. 인텔리제이 제품군들은 다른 개발프로그램들 처럼 테마 변경이 가능합니다. 기본 테마는 이쁘긴 하지만 제 스타일은 아닙니다. -> PhpStorm,WebStorm - 기본 테마 변경하기 / 다크테마(Darcula) ● 2. 그래서 인텔리제이 프로그램들에 적용 가능한 다양한 테마를 다운로드 할 수 있는 사이트가 있습니다. 바로 컬러-테마 닷컴 입니다 입니다. http://color-themes.com ● 3. 접속 후에 각 테마를 클릭하면 적용 가능한 제품군이 보입니다. 인텔리젠 프로그램은 대부분 적용 가능한 테마 입니다. ● 4. 굉장히 많은 테마가 있지만 성의 없는 테마도 많기.. 2019. 7. 25.
intellij - 기본 테마 변경하기 / 다크테마(Darcula) / PhpStorm,WebStorm등 드라큘라 테마로 변경 안녕하세요. 고코더 입니다. ● 1.우리나라에서 흔히 드라큘라 다크테마라고 불리는 것들이 서양에서는 드라큘라 테마라고 많이 합니다. (빛을 싫어한다나) ● 2. 그래서 이클립스도 그렇지만 -> 이클립스 기본 다크 테마 설정 인텔리제이도 어두운 빛이 적은 드라큘라 테마를 사용할 수 있습니다. ● 3. 인텔리 프로그램들은 기본테마는 조금 촌스럽습니다. ● 4. Settings에 들어가서 Appearance를 찾습니다. 그리고 여기서 theme 를 선택할 수 있습니다. ● 5. 제가 사용하는 2017 버전은 3가지 버전이 있는데요 드라큘라 버전을 선택하고 OK를 눌러보겠습니다. ● 6. 그럼 어둡고 빛이 적은 드라큘라 테마가 생성했습니다. 기본테마라 어두운 테마가 필요한분은 이 테마로 사.. 2019. 7. 25.
intellij - "No JVM installation found. Please install a XX-bit JDK" / 인텔리제이 시작 오류 인텔리제이 프로그램들은 JDK가 설치가 필수 안녕하세요. 고코더 입니다. ● 1. 대부분에 인텔리제이 프로그램들 (webstorm, phpstorm등등) 실행할시에 해당 오류 메세지가 보일때가 있습니다. No JVM installation found. Please install a 32-bit JDK. If you already have a JDK installed, define a JAVA_HOME variable in Computer > System properties > System Settings > Environment Variables. ● 2. 자바 프레임 워크로 만들어진 인텔리J 프로그램들은 JDK 프로그램이 필수 입니다. JDK를 설치하거나 시스템 변수에 등록을 해줘야 합니다. ● 3. .. 2019. 7. 25.
Phpstorm, Webstorm - 코드 미니맵 설치 / codeglance 코드 미리보기 설치 안녕하세요. 고코더 입니다. jetbrain 제품에 기본 설정이 아쉬운것중에 하나가 코드 미니맵을 제공하지 않는 것 입니다. 그래서 확장프로그램으로 codeglance를 설치하면 되는데 이상하게 플러그인에서 검색하면 해당 확장프로그램 나오질 않습니다. 그래서 홈페이지에서 제공하는 jar 파일을 다운받아 설치해야 합니다. ▼해당 URL에서 최신버전 코드글랜스를 다운로드 해주세요. https://plugins.jetbrains.com/plugin/7275-codeglance ▼그리고 setiings->plugins로 접근합니다 (ctrl+alt+s 를 눌러 plugins를 검색하세요) 그리고 install plugin from disk를 클릭 합니다. ▼ 다운받은 파일을 선택합니다. ▼ .. 2019. 4. 2.

티스토리툴바