Copy Coding

node.js 개발을 위한 편집기를 소개합니다.

Visual Studio에서 제공하는 code의 설치 방법에 대해 간략히 설명 합니다.

Visual Studio Code 다운로드

사이트에 들어가면 무료로 다운로드를 받으실 수 있습니다.

운영체제가 윈도우가 아니라면 [Download for Windows] 우측을 눌러 필요한 파일을 다운 받습니다.

오늘 다운받으니 버전은 VSCodeUserSetup-x64-1.28.1.exe 입니다.

다운받은 파일을 실행을 해서 설치를 합니다.

[실행] 버튼을 클릭 합니다.

[다음] 버튼을 클릭 합니다.

이거 또 괜히 만드는 듯한 느낌이 오네…

계약에 동의함을 선택하고

[다음] 버튼을 클릭 합니다.

설치 위치를 선택합니다.

저는 C:\가 60GB 짜리라 공간이 얼마 안 남아 D:\에 설치 합니다.

메뉴 폴더를 설정합니다.

[다음] 버튼을 선택 합니다.

특별히 설정할게 없어서 저는 기본으로 두고

[다음] 버튼을 선택 합니다.

설치를 위한 환경설정이 완료 되었습니다.

[설치] 버튼을 눌러 설치를 진행 합니다.

설치가 잘 진행 되고 있습니다.

설치가 완료되었습니다.

[마침] 버튼을 선택하여 설치를 종료합니다.

code가 실행된 화면입니다.

단순 깔끔하네요.

설치 메뉴얼이 또 욕먹게 생겨서 뭐 하나 해보겠습니다.

Start에 있는 New file을 선택하면 편집화면으로 넘어갑니다.

스크립트를 하나 작성합니다.

아는게 없어서

console.log("Hello World!");

를 적어봤습니다.

코드를 작성했으면 저장을 해야겠죠.

상단 메뉴에서

File > Save As …를 선택해서 파일로 저장을 합니다.

파일형식을 JavaScript(*.js,…)로 설정하고 저장 합니다.

저는 HelloWorld.js로 저장 했습니다.

이제 콘솔 창을 하나 열어서 파일이 있는지 확인을 하고

node HelloWorld.js [엔터]

하면 Hello World!가 찍힙니다.

그렇습니다.

Visual Studio Code는 에디터라 실행은 console에 가서 해줘야 합니다.

그래도 일반 텍스트 편집기 보다는 한가지 편한게

요렇게 자동완성 기능이 있습니다.

다음에는 eclipse로 한방에 실행을 할 수 있도록 해보겠습니다.

- copy coding -

요즘 사용 하는 곳이 점점 늘어나는 것 같아 뭔가 궁금해서 설치를 해보았습니다.

node.js 설치는 너무 간단해서 간략히 설명 드립니다.

node.js 사이트에 접속을 합니다.  

https://nodejs.org/ko/

안정적인 버전이 좌측에 있습니다. 계속 버전이 갱신 되겠지만 좌측에 있는걸 다운 받습니다.

운영 체제가 윈도우가 아니면 하단에서 [다른운영체제]를 클릭 합니다.

다운 받는동안 눌러 봤습니다. 운영체제 별, bit별로 정리되고 소스도 공개 되어있네요.

이제 다운받은 파일을 설치해 보겠습니다.

node-v8.12.0-x64.msi 파일을 실행 합니다.

[실행] 버튼을 클릭 합니다.

[Next] 버튼을 클릭 합니다.

I accept the terms in the License Agreement를 체크하고

[Next] 버튼을 클릭 합니다.

설치 위치를 변경하려면 Change…로 다른 디렉토리를 선택 하고

[Next] 버튼을 클릭 합니다.

마음에 안드는게 있으면 빼버리고

[Next] 버튼을 클릭 합니다.

설치 관련 설정이 끝났다는군요.

[Install]을 클릭해서 설치를 진행 합니다.

설치가 잘 진행 되네요.

설치가 끝났답니다.

[Finish]를 클릭 합니다.

정말 설치가 잘 되었는지 확인하기 위해 command 창을 하나 열고

node를 치고 엔터…

진짜 잘 설치 되었네요.

- copy coding -