Node.js 설치

Node.js와 NPM을 설치하고 IDE를 설치해 개발환경을 구성합니다.
Node.js


Node.js 및 NPM 설치

Node.js 설치Node.js 설치

Node.js 및 NPM(Node Package Manager)을 설치합니다. Node.js를 설치하면 NPM이 같이 설치됩니다. 노드 공식 홈페이지에서 최신 버전을 설치합니다.

IDE 설치

VSCodeVSCode

소스 코드는 텍스트 파일이기 때문에 메모장 같은 단순한 텍스트 에디터로도 작성이 가능합니다. 하지만 생산성을 높히기 위해서 컴파일러, 텍스트 에디터, 디버거 및 코드 자동 완성 도구 등이 함께 통합된 소프트웨어인 통합개발환경(IDE)을 사용합니다. IDE는 간단하게는 타이핑 오류를 교정해주고 언어의 문법 구조를 더 잘 볼 수 있게 Syntax Highlighting 등의 기능을 제공합니다. 아래에 몇가지 에디터를 소개하였습니다. 영상에서는 Sublime Text3를 사용합니다. 현 시점에서는 개인적으로 VSCode나 Atom을 추천합니다.

이름특징가격링크
Visual Studio CodeMicrosoft에서 개발 한 웹 개발용 에디터무료링크
AtomGithub에서 개발 한 오픈소스 에디터무료링크
Brackets다양한 확장 기능을 제공하는 웹 개발용 오픈소스 에디터무료링크
Sublime Text3다양한 확장 기능을 제공하는 에디터유료링크
IntelliJ/WebStormAndroid Studio의 기반이되는 IDE로 JetBrains사에서 개발, 묵직…유료링크

환경 테스트

새로운 프로젝트를 시작하면 플랫폼에 필요한 환경과 높은 생산성으로 개발 할 수 있는 개발 환경을 구성 할 필요가 있습니다. 설치한 IDE를 실행 시키고 새 파일을 작성하고 저장합니다.

console.log((new Date()).toLocaleString());

셸을 실행하고 cd 명령어로 파일이 저장된 디렉토리로 이동 한 뒤 node 파일명을 실행합니다. node가 파일을 읽은 뒤 컴파일하고 실행하면 셸에 날짜가 출력됩니다.

목차
2. 프로그래밍 연습
3. 웹 프론트엔드
저자

김동욱

개발 경력 약 10년, 전문 분야는 웹 및 각종 응용 소프트웨어 플랫폼입니다. Codeflow를 운영하고 있습니다.

2018년 04월 10일 업데이트

지원되지 않는 웹 브라우저거나 예기치 않은 오류가 발생했습니다.