[Node.js] 공부 1 일차 - Node.js 설치 및 동작 테스트

[Node.js] 공부 1 일차

개발환경

 - OS : windows

 - 개발툴 : Brackets

 - Node.js 버전 : 6.11.1 LTS

1. Node.js 설치방법

1) Node.js 홈페이지 접속 : https://nodejs.org/ko/

[Node.js 홈페이지 메인]

2) Node.js 설치파일 다운로드

[Node.js 다운로드 ex) v6.11.1 LTS 다운로드]

  - 다운로드 버전 차이

   : LTS - 해당 버전의 최신버전이면서 안정화가 완료된 버전(운영에 개발 시 적용될 소스)

   : 최신버전 - 버전의 최신 개발 버전으로 안정화 진행 중

  - 개발을 하기 위해서는 둘중에 어느것을 받아서 설치해도 상관이 없습니다. 하지만 실제 운영 서버로 동작을 원할 시에는 LTS 버전을 설치해서 개발하는 것이 서버로서의 안정성을 확립할 수 있습니다. 저는 개발 시 버그가 없을 수 없겠지만 좀 더 안정적인 개발을 위해서 LTS 버전을 다운 받아서 설치를 하였습니다.

3) Node.js 설치

  - 다운받은 Node.js 설치파일(node-v6.11.1-x64.msi)을 실행하여 설치 진행(기본 옵션은 Default 설정)

[Node.js install step 1]

[Node.js install step 2]

[Node.js install step 3]

[Node.js install step 4]

4) Node.js 설치 완료 확인

[Node.js 설치 확인]

  (1) windows 실행창에서 "cmd" 실행하여 명령프롬프트 창 실행

  (2) "node -v" 명령 입력하여 "v6.11.1" 출력되는 것을 확인하면 설치 완료 

2. Brackets 설치방법

1) Brackets 홈페이지 접속 : http://brackets.io/

[Brackets 홈페이지]

2) Brackets 설치파일 다운로드

[Brackets 설치파일 다운로드]

 - "Download Brackets 1.10" 버튼을 클릭하면 설치 파일인 "Brackets.Release.1.10.msi" 파일을 다운받게 됩니다.

3) Brackets 설치

  - 다운받은 "Brackets.Release.1.10.msi" 설치파일을 실행하여 설치를 진행합니다.(기본 옵션은 Default 설정으로 진행)

[Brackets 설치 step1]

[Brackets 설치 step2]

[Brackets 설치 step3]

[Brackets 설치 step4]

4) Brackets 설치 완료 후 정상 실행화면

[Brackets 메인 화면]

3. Brackets Node.js 연동

1) Brackets 패키지 관리자 실행

[Brackets 확장기능 관리자]

2) Node.js 관련 패키지 설치

  - NodeJS integration

[Brackets NodeJS integration 패키지]

  - 확장 기능 관리자 화면의 검색창에 "NodeJS integration"를 입력하여 검색 및 설치

3) 간단한 http Server 소스를 작성하여 테스트

[Node.js 소스 파일 프로젝트 폴더 열기 step1 ex) c:\NodeJS]

[Node.js 소스 파일 프로젝트 폴더 열기 step2]

[Node.js 소스 파일 프로젝트 폴더 열기 step3]

[Node.js 소스 파일 프로젝트내 js 파일 생성 ex) httpServer.js]

  - 왼쪽 패널의 빈 공간에 마우스 오른쪽 클릭하여 표시되는 컨택스트 메뉴를 통해서 폴더내에 파일을 생성

[기본적인 http  소스 작성]

//httpServer.js
var http = require('http');  
 
//HTTP 서버 시작  
http.createServer(function (req, res) {  
    var data = []; 
    /* 응답변수 오류 이벤트 */ 
    res.on('error', function(err) {  
        logger.log("event RES error : " + err);  
    });  
    /* 요청변수 오류 이벤트 */ 
    req.on('error', function(err) {  
        logger.log("event REQ error : " + err);  
    });  
    /* 요청 시 데이터 수신 이벤트 */ 
    req.on('data', function (chunk) {  
        data.push(chunk);  
        logger.log(" event data chunk length : " + chunk.length);  
    });  
    
    req.on('end', function () { 
        res.writeHead(200, {'Content-Type': 'text/plain'}); 
        res.end('Hello World!'); 
    });  
}).listen(9080);

[Node.js 소스 등록하여 서버 동작 시작 step1]

  - 소스 작성 완료 시 작성된 파일을 마우스 오른쪽 클릭하여 "Add to Node.js runner" 클릭하여 프로젝트 등록

[Node.js 소스 등록하여 서버 동작 시작 step2]

  - 아래쪽 Node.js 콘솔 패널에서 선택하여 조금전에 등록한 httpServer.js 프로젝트를 선택 후 ▶ 클릭하여 실행

[Node.js 소스 등록하여 서버 동작 시작 step3]

  - 작성한 소스에 오류가 없는 경우 특별한 메뉴가 없이 http 서버 동작 확인

[인터넷 브라우저로 접속하여 정상동작하고 있는지 확인]

  - 인터넷 브라우저를 실행하여 빈페이지 상태에서 URL 주소에 "http://localhost:9080" 를 입력

  - 위 캡쳐 이미지와 같이 빈화면에 "Hello World!" 메시지가 정상적으로 출력되면 완료