[NodeJS] 이클립스(Eclicpse)를 활용한 Node.js 개발환경 구축

안녕하세요.

오늘은 Node.js를 이클립스에서 설치하는 방법에 대해서

글을 써보도록 하겠습니다.

 

요즘 통 글을 안썻는데..... 이제 다시 써보도록 하겠습니다.

 

첫번째로 먼저 Node.js 공식 사이트에가서 Node.js를 다운로드 받아야합니다.

https://nodejs.org/ko/

 

다운로드가 완료되면 Next를 눌러서 설치를 진행해 주세요.

설치를 하다 보면 경로를 입력하라고 합니다. 기본적으로는 C드라이브에 설치가 되지만

저는 D드라이브의 커스텀경로에 설치하였습니다.

D:\dev\nodejs 경로에 말이죠..

 

D:\dev\nodejs 경로는 아래와 같습니다.

 

한번 파일을 확인해보시구...

 

D:\dev 폴더아래 ide폴더에 이클립스를 설치하고 실행하였습니다.

이후에 NodeJs 프로젝트를 만들어야하는데요.

한가지 빼먹어 버렸군요. 이 작업 이전에 NodeEclipse 라는 Plugin을 설치해야 합니다.

NodeEclipse를 설치 후 아래의 그침처럼 들어간 후

 

 

Node.js Project를 선택하고 Next를 눌러줍시다.

 

그리고 프로젝트명을 입력하는창이 나오는데요 NodeServer라고 넣고 확인을 누릅시다.

 

프로젝트가 만들어지면 프로젝트 최상단 경로에 app.js라는 자바스크립트 파일을 만들고

[app.js] var http = require('http'); var fs = require("fs"); http.createServer(function(req, res) {  res.writeHead(200, {'Content-Type' : 'text/html'});  res.write("Hellow Nod1e.js");  res.end(); }).listen(4000, function() {  console.log("server is listening on 8080"); });

위의 내용을 타이핑해서 넣어주세요.

 

그리고 [자바스크립트 파일 우클릭] -> [Debug As] -> [Node Application] 을 클릭하면 서버가 구동이 됩니다.

 

그리고 웹브라우저를 실행하고 127.0.0.1:4000 으로 접속하면 아래와 같은 결과를 얻을 수 있습니다.

 

기본적으로 Node.js를 설치하면 수정시 바로 반영되지 않습니다.

계속 서버를 재기동시켜야하는 불편함이 있습니다.

이 문제를 해결하기 위해서 Nodemon이라는 것을 설치해보도록 하겠습니다.

Node.js npm이라는 것을 제공합니다.

npm을 이용해서 아래의 빨간 네모처럼 명령어를 입력해줍시다.

 >> npm install nodemon -g

실행하면 설치가 진행이되고 파란네모의 경로에 설치가 됩니다.

저는 nodemon을 제 커스텀경로에 복사해서 옴겼습니다.

 

이후 [Debug Configurations] -> [Arguments] -> [Node Arguments]에 Nodemon의 경로를 입력해 줍니다.

 

그리고 아까 방법대로 실행을 시켰을때 아래 Consle화면 처럼 나온다면 정상적으로 실행이 된겁니다.

그리고 수정 후 반복적으로 브라우저를 갱신시켜보면 값이 바로바로 바뀌는 것을 확인 할 수 있습니다.