[Node.js: Express Template Engine] 템플릿 엔진 사용법, Jade 문법

템플릿 엔진 사용법

http://expressjs.com/ko/guide/using-template-engines.html

Express와 함께 템플리트 엔진 사용

Jade 템플릿 엔진을 설치하자.

> npm install jade --save

 

views 디렉토리 생성 후 temp.jade 를 만들어 html이라고 쳐서 넣는다.

// app.js
// ...
app.set('view engine', 'jade');
app.set('views', './views');

app.get('/template', function(req, res){
    res.render('temp');
});

 

Jade 문법

// app.js 수정
// ...
app.locals.pretty = true; // Jade가 만든 태그 예쁘게 만들기

app.get('/template', function(req, res){
    res.render('temp', {_title:'Jade', time:Date()}); // 템플릿에 데이터 주입하는 방법
});

// temp.jade
html
    head
        title= _title
    body
        h1 Hello Jade
        ul
            -for(var i=0; i<5; i++)
                li coding
        div= time

* 프로그래밍적으로 제어하기 위한 코드는 - 를 앞에 붙여주기

* 태그가 아닌 문자 출력을 위해서는 태그와 같은 라인에 써야한다.