템플릿 엔진

템플릿 엔진 Template Engine

서버에서 클라이언트로 보낼 HTML의 형태를 미리 템플릿으로 저장
동작 시에 미리 만들어둔 템플릿에 데이터를 넣어 완성된 HTML 생성
템플릿 엔진은 템플릿 작성분법과 템플릿을 HTML로 변환하는 기능을 제공한다.

Express.js의 템플릿 엔진
EJS, Mustache, Pug

Pug

들여쓰기 표현식을 이용해 가독성 좋고 개발 생산성이 높다. HTML를 몰라도 문법적 실수를 줄인다. layout, include, mixin등 강력한 기능 제공
문법
html닫기 태그 없이 들여쓰기로 블럭을 구분 (파이썬 처럼)
=을 이용해 전발받은 변수 사용 가능
id, class 는 태그 뒤에 이어서 바로 사용한다. ()을 이용해 attribute사용

html
	head
    	title = title
    body
    	h1#greeting 안녕
        a.link(href="/") 홈으로

each ~in 표현식으로 주어진 배열의 값을 순환하여 html태그 생성
if, else 를 이용해 조건을 확인하여 html 태그 생성

layout
block을 포한한 템플릿을 선언하면 해당 템플릿을 layout으로 사용 가능

html
	head
    	title= title
    body
    	block content
        
    extends layout
    block content
    	h1 Main Page

include
자주반복되는 구문을 미리 작성해두고 include하여 사용
텍스트 파일도 include로 템플릿에 포함 가능

mixin
mixin으로 템플릿을 gka수처럼 사용할 수 있게 선언 가능
파라미터를 지정하여 값을 넘겨받아 템플릿에 사용 가능