Please Enable JavaScript!
Gon[ Enable JavaScript ]

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

NodeJS
반응형

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

 

환경: Eclipse Mars

 

1편은 이클립스에서 NodeJS 개발을 위한 환경을 구축하는 방법에 대해 기술했습니다. 2편에서는 새로 만든 프로젝트에 JS 파일을 추가해서 웹 서버를 구성해 보겠습니다. 그리고 웹 서버를 띄워 웹 브라우저로 접근할 것입니다. 서버에서는 해당 포트로 접속한 브라우저에 메시지를 전송합니다.

 

웹 서버 구성하는 방법

 

먼저 웹 서버를 구성하기 위해 소스를 입력할 파일을 생성합니다. 오른쪽 마우스를 눌러 New > JavaScript File 메뉴를 선택합니다.

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

 

파일을 생성할 수 있는 팝업창이 뜨면 자바스크립트 입력을 위한 js 파일을 생성합니다

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

 

새로 만든 JS 파일에 다음 소스를 입력합니다. 웹 서버 구성을 위해 필요한 소스 입니다. express 모듈을 이용해서 3000 PORT 에 웹 서버를 띄웁니다. 사용자가 접속하면 response 객체를 통해서 “Hello World!” 라는 인사말을 받습니다

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

 

이클립스에서 서버 시작은 Run As > Node Application, Node.js Application 으로 합니다

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

 

서버가 정상적으로 시작되면 콘솔에 listen 함수에서 출력한 로그가 찍힙니다.  

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

 


실행이 안된다면 메인 js 파일인 app.js 가 연결되어 있는지 확인해야 합니다. Run As > Configurations 으로 가서 Main file 에 입력값을 확인합니다

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

 

서버를 띄우고 웹 브라우저로 접속하면 그림과 같은 화면이 나타납니다. 서버에서 response 객체로 보낸 데이터가 출력이 됩니다

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 2

반응형
Posted by 녹두장군1
,