겉핥기 코딩노트

Webstorm (3)

[node.js] WebStorm으로 프로젝트 생성부터 hello world 출력까지

코딩노트/node.js 풋내기개발자 2020. 5. 4. 00:30

WebStorm을 설치했으면 이제 node.js 프로젝트를 생성하고 hello world까지 출력해보기로 하자. WebStorm을 실행하면 아래 그림처럼 메인화면이 뜬다. Create New Project를 눌러본다. WebStorm이 지원하는 프로젝트가 왼쪽 사이드바에 쭉 나열되어있고 오른쪽에는 대상 프로젝트의 폴더가 생성될 위치가 표시되고 있다. node.js 프로젝트를 할 것이기 때문에 node.js를 누른다. node.js를 눌러보니 프로젝트 폴더 생성 위치와 node.js를 실행할 런타임, 패키지 매니저를 선택하는 화면이 뜬다. node.js를 설치하지 않았다고 하더라도 WebStorm에서 다운로드 받을 수 있게 유도를 하기 때문에 node.js를 설치하지 않았다면 Download Node.js..

[node.js] WebStorm 플러그인 정리

코딩노트/node.js 풋내기개발자 2020. 4. 30. 20:54

내가 사용하는 플러그인을 정리하려고 한다. ● BrowseWordAtCaret 현재 커서 위치의 문자열을 검색하여 해당 위치로 이동시키는 플러그인이다. CTRL + ALT + ↑ 와 CTRL + ALT + ↓로 동작하며, 함수를 찾거나, 태그를 검색할 때 쓰기 좋다. ● Atom Material Icons WebStorm의 모든 Icon을 좀 더 이쁘게 만들어준다. ● Rainbow Brackets 괄호, 중괄호, 대괄호 짝을 쉽게 찾을 수 있도록 색상을 다르게 부여한다. ● CodeGlance 소스코드 미니맵을 출력해주는 플러그인 테마는 취향에 따라 갈리기 때문에 따로 올리지는 않는다.

[node.js] 개발환경 준비하기 #2(WebStorm 설치)

코딩노트/node.js 풋내기개발자 2020. 4. 29. 11:16

앞서 node.js 개발을 위한 필수 요소인 node.js 런타임을 설치했다 https://licking-code.tistory.com/3 [node.js] 개발환경 준비하기 #1(node.js 다운로드 및 설치) node.js 개발환경을 설치하려면 node.js 런타임을 설치해야 한다. 아래 주소로 이동하자. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.. licking-code.tistory.com node.js 런타임만 설치해도 소스를 짜고 실행하는데 아무 문제 없다. 조금 불편할 뿐 나는 hello world 하나를 찍어도 환경을 잘 갖추고 하고..

Copyright © 겉핥기 코딩노트 All Rights Reserved
Designed by JB FACTORY

티스토리툴바