Express Generator : 간단한 웹페이지 만들기

Express Generator 를 사용하여 프로젝트 프레임워크를 생성한 후, 간단한 웹페이지를 만들어보겠습니다.

구조를 보면 routes, views, app.js, bin.. 복잡합니다.. 그래서 이 글에서는 구조를 이해하기 보단 우선 웹페이지를 만든 두 가지 방법에 대해서만 작성하였습니다.

• localhost:3030/list 사용자가 입력 시, "List page" 가 출력됨.

두 방법 모두 routes/ 폴더에서 list.js 라는 파일을 만들었습니다.

 

1. list.js 파일에서 사용자 요청 처리

routes/list.js 파일 추가

var express = require('express');

var router = express.Router();
router.get('/', function(req,res) {
    res.send('List page');
});

module.exports = router;

app.js 에 다음 코드 추가

var listRouter = require('.routes/list');

app.use('/list', listRouter);

2. app.js 에서 '/list' 에 대한 사용자 요청 처리.

처리하는 함수가 routes/list 에 정의되어 있음

routes/list.js 파일 추가

var express = require('express');

exports.list = function (req,res) {
    res.send('List page');
};

app.js 에 코드 추가

var listRouter = require('./routes/list');

app.get('/list', listRouter.list);