어린왕자와 여우

node.js와 같이 사용할 Web Framework는 가장 많이 쓰인다는 Express를 쓰기로 했다.


1. express 설치

node.js가 설치된 C:\Program Files\nodejs에서 아래와 같이 실행한다.

CMD> npm install -g express

설치가 완료되면 C:\Users\<UserName>\AppData\Roaming\npm\node_modules\express에 설치됨을 알 수 있다.


2. express project 생성

node.js가 설치된 폴더에서 아래와 같이 express project를 하나 생성한다.

(윈도우의 경우 CMD를 관리자권한모드로 열어야 정상적으로 생성된다.)

CMD> express TigerWeb1
 

   create : TigerWeb1

   create : TigerWeb1/package.json

   create : TigerWeb1/app.js

   create : TigerWeb1/public

   create : TigerWeb1/public/stylesheets

   create : TigerWeb1/public/stylesheets/style.css

   create : TigerWeb1/public/javascripts

   create : TigerWeb1/public/images

   create : TigerWeb1/routes

   create : TigerWeb1/routes/index.js

   create : TigerWeb1/routes/user.js

   create : TigerWeb1/views

   create : TigerWeb1/views/layout.jade

   create : TigerWeb1/views/index.jade

   install dependencies:

     $ cd TigerWeb1 && npm install

   run the app:

     $ node app

project가 생성되면 install dependencies:에 추가로 설치할 것을 안내하는데 그대로 실행한다.

CPM> cd TigerWeb1 && npm install

설치가 완료되면 TigerWeb1폴더안에 node_modules가 추가로 설치된다.


3. express project 실행

run the app:에 안내된 것처럼 프로젝트를 시작한다.

CPM> node app
Express server listening on port 3000

웹브라우저에서 http://localhost:3000 를 실행하면 다음과 같은 메시지를 볼 수 있다.

Express
Welcome to Express


웹브라우저로 웹서버에 접근하면 웹서버 CMD에 아래와 같이 방문로그를 확인가능하다.

CMD> node app
Express server listening on port 3000
GET / 200 233ms - 170b
GET /stylesheets/style.css 200 3ms - 117b