[Node.js] express 모듈만으로 웹 서버 구성

express 모듈만으로 웹 서버 구성

보통의 경우 express를 설치하면

콘솔창에서 express 프로젝트(구성된 디렉토리)를 생성해

view폴더와 router파일 등을 수정하거나 추가해서 웹 서버와 페이지를 구성한다.

간단하게 웹 서버와 페이지를 역할만 구성하려면 다음과 같이 한다.

1. 서버를 만들기 위해 http 모듈을 불러온 후 웹 서버 구성

var http = require("http"); http.createServer(function(req, res) { res.writeHead(200, {'Content-type':'text/plane'}); res.end('Hello world'); console.log('ok'); }).listen(3000);

간단한 웹 서버 구성과 페이지에 간단한 텍스트를 출력하였고, 웹 서버 작동을 알렸다.

2. express 모듈을 웹 서버에 대입

var http = require("http"); var express = require("express"); var app = exrpess(); app.get('/', function(req, res) { res.writeHead(200, {'Content-type':'text/plane'}); res.end('Hello world'); }); http.createServer(app).listen(3000, function() { console.log('ok'); });

express 모듈을 불러와 app에 담았고, 서버로 get요청이 있을 경우 'Hello world'를 출력하도록 설정했다.

마지막으로 설정한 express를 웹 서버에 대입해 포트를 설정하고 콘솔창에 서버의 작동을 알렸다.

웹 서버 구성과 웹 페이지를 간단하게 작성하였지만

좀 더 효율적으로 웹 페이지도 모듈화 시켜 사용하기 위해 다음과 같이 한다.

3. fs(파일시스템)모듈을 사용해 html을 모듈화하여 사용

var http = require("http"); var express = require("express"); var fs = require("fs"); var app = express(); app.get('/', function(req, res) { fs.readFile('./test.html',function(err,data){ res.writeHead(200, {'Content-Type':'text/html'}); res.end(data); }); }); http.createServer(app).listen(3000, function() { console.log('ok'); });

html파일에서 텍스트 이외 이미지와 자바스크립트 파일을 불러오는데

404 Not Found 에러가 발생한다. 다음과 같이 경로를 설정해준다.

4. 이미지와 자바스크립트파일 경로 설정

express를 사용하게 되면 이미지나 자바스크립트파일을 사용하는데 있어서 제한이 생긴다.

폴더의 경로를 설정하여 이미지와 자바스크립트파일을 사용할 수 있도록 설정해준다.

먼저 하나의 디렉토리를 만들어 두고, path 모듈을 사용해 폴더의 경로를 설정해준다.

var http = require("http"); var express = require("express"); var fs = require("fs"); var path = require("path"); var app = express(); app.use(express.static(path.join(__dirname, 'public'))); app.get('/', function(req, res) { fs.readFile('./test.html',function(err,data){ res.writeHead(200, {'Content-Type':'text/html'}); res.end(data); }); }); http.createServer(app).listen(3000, function() { console.log('ok'); });