node js - Pug 문법

템플릿 엔진을 사용하는 이유?
html 코드를 사용하면서 프로그래머블한 작업을 동시에 수행할 수 있기 때문이다.
코드가 간결해지고 생산성이 증가된다.

Pug 문법

① pretty code

html, head, body 태그를 달았을 때, 소스 코드가 알아보기 힘들게 나와있다.
이때, app.js 에 아래 코드를 추가해주면 들여쓰기가 된 코드로 바뀐다.

app.locals.pretty = true;

② 변수 지정

pug 파일 안에서 변수를 지정해줄 때, pug 밖에서 변수를 지정해주고 pug 파일 안에서 수행해야한다.

이와 같이 underbar title 과 time 은 app.js 에서 선언을 해줘야한다.

app.get('/template',function(req, res){
    res.render('temp', {time:Date(), _title:'Pug'});
});

app.js 에서 라우팅할때, render 두번째 인자로 중괄호 안에 각각 변수를 지정해준다.

③ pug 파일 안에서 코드 사용

만약 pug 파일 안에서 화면에 출력하기 위해서가 아니라 프로그래밍적으로 제어하기 위해 쓰이는 코드 앞에는 - 를 쓴다.

이 코드에서의 for문 앞에 - 를 쓰면 for문은 프로그래밍적 제어 코드임을 표시하는 것이다.

.
.
.
참조 링크 ▶︎ 생활 코딩