Express X PUG

템플릿 엔진(Template Engine) ?

: 서버의 데이터를 클라이언트에 효과적으로 보여주는 중간 매개체

  코드가 간결해지고, 재사용성이 높아지며, 유지보수가 용이해진다

 

PUG?

: NodeJS의 템플릿 엔진으로 들여쓰기를 하는 것이 특징이다

( 많은 사람들이 사용한다고 한다 )

Express with PUG

- 설치

npm install pug

 

- 설정

아래의 express 문서에서 app.set() 파트를 보면 설정 할 수 있는 값들이 설명되어 있다

http://expressjs.com/ko/api.html#app.set

Express 4.x - API 참조

문서를 읽어보면 view engine 이라는 property가 있는데 어떤 템플릿을 사용할지 설정한다

view engine 은 default값이 NULL이므로 app.set()을 이용하여 PUG으로 설정해야한다

app.set("view engine", "pug");

 

- 템플릿 주소 변경

view engine 말고도 views 라는 property가 있는데 템플릿을 불러올 위치를 설정한다

app.set("views", "템플릿 주소")

위 처럼 템플릿 저장되어있는 주소를 설정하면 된다

(default 값으로는 views 폴더로 설정되어 있다)