⭐템플릿 엔진이란?

템플릿 엔진은 템플릿 양식과 특정 데이터 모델에 따른 입력 자료를 합성하여 결과 문서를 출력하는 소프트웨어 또는 소프트웨어 컴포넌트를 말한다.

오늘은 템플릿 엔진을 이용하여 간단한 문법으로 웹페이지를 만드는 것을 해보았다. 나는 Pug라는 Node Express Template Engine를 이용하였다. Pug의 장점은 간단하게 표현해 가독성이 좋고, 마크업 문법보다 코드량이 적어 생산성이 좋아진다. 그리고 JS 연산 결과를 쉽게 보여줄 수 있다. 원래 Pug는 Jade라는 이름을 가지고 있었지만, 상표권에 있는 이름이였기 때문에 Pug라는 이름으로 바뀌었다. 확장자도 Pug로 적어줘야 한다. 난 Jade로 적었다가 제대로 실행이 되지 않아서 구글링을 통해 Pug로 바뀐 것을 알게 되었다.

Pug를 설치하는 명령어는 npm install pug --save이다.

⭐템플릿 엔진 문법

Pug의 문법은 html에 닫는 태그가 없고, 들여쓰기한 이후에 공백까지가 태그로 된다. 태그 사이가 아닌 태그의 속성으로 넣으려면 ( )괄호를 사용한다. 여러 줄을 입력할 때 ( | )로 작성한다.

실행을 하게되면 이러한 화면이 나오게 된다.
오늘은 템플릿 엔진을 써보았다. 문법이 간단하고 편리해 신기했고, Jade가 Pug로 바뀌었단 것을 알게되어 어리둥절한 마음도 있었다. 문법이 간단해서 쉽고 재미있었다.