Note/Node.js

Express - 노드 웹 프레임워크 :: express 를 이용해서 웹서버를 구동시켜보자.

Delia :D 2013. 3. 6. 18:00

Express - 노드 웹 프레임워크

2013-03-06 기준 최신버전 3.0.0


공식 홈(영문) : http://expressjs.com/

한글번역 : http://firejune.io/express/


node.js 기반 웹 프레임워크로, 웹 개발을 하는데 필요한 편리한 기능들을 갖고있다.

현재 node.js 기반의 가장 널리, 많이 사용하고 있는 웹 프레임워크다.


api 문서 : http://expressjs.com/api.html

예제 : https://github.com/visionmedia/express/tree/master/examples


express를 이용한 예제들은 GitHub 에서 검색하면 많이 나온다.




express를 이용해서 아ㅏㅏㅏㅏㅏㅏㅏ주 간단한 웹서버를 구동시켜보자.


1. express 설치

먼저 커맨드창에서 프로젝트 폴더로 이동한다. (노드 설치 후, 인터넷 연결이 되어있는 상태여야 한다.)

그리고 npm install express 라고 입력하고 엔터치면 자동으로 다운받아 설치한다.

(npm install express @3.0.0 과 같이 버전을 명시하지 않으면 최신버전을 다운로드 한다.

express 2버전과 3버전은 명령어 및 api 문이 다르므로 버전을 잘 확인하도록 하자.) 


설치가 끝나면, express 정보가 나올것이다. 

프로젝트 폴더가 workspace 라 치면, 

workspace 폴더 아래에 node_modules 이라는 폴더가 자동생성되고, 그 아래에 express 폴더가 생겨있을 것이다.


express 설치 경로는 workspace/node_modules/express 가 될것이다.

express 폴더 아래에 있는 readme.md 파일을 열어보면 간단한 설명과 예제코드가 작성되어 있을 것이다.


설치는 끝났다. 웹서버를 구동해보자.


2. app.js 파일 만들기

프로젝트의 루트폴더(workspace/) 에 app.js 라는 파일을 만들고 아래 내용을 작성한다.

app.js 의 경로는 workspace/app.js 가 되겠다.

var express = require('express'); // express 를 사용하겠다는 얘기다. require는 include같은 개념이라고 보면 된다.

var app = express();  // 생성자라고 보면 된다. 


// 페이지 라우트 설정

app.get('/', function(req, res){

  // 루트 (/) 로 request 가 들어오면 이 부분을 실행하게 된다. 매개변수는 request 와 response 

  res.send('hello world');  // hello world라는 응답을 보낸다.

});


app.listen(3000); //port 3000에서 웹서버를 구동시킨다.

console.log('server start'); //콘솔창에 로그를 찍는다.

app.js 파일을 저장하고 

커맨드창에서 프로젝트 폴더로 이동한 후 node app 라고 입력하고 엔터.

커맨드 창에 server start  라는 텍스트가 나올것이다.


그리고 브라우저를 띄우고 http://localhost:3000/ 또는 http://127.0.0.1:3000/ 을 입력해보자

hello world 가 나오면 성공.


js 파일이 수정됐을때는 웹서버를 내렸다가 올려야 한다.

웹서버를 내릴때는 app.js의 실행을 멈추면 되는데, 커맨드창에서 Ctrl + C 를 두번 누르면 된다.




** 이 글은 직접작성한 글입니당.