Template Engine 이란?

템플릿 엔진이란?

지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 출력하는 소프트웨어이다.

웹 템플릿 엔진은 view code(HTML)와 data logic code(DB connection)을 분리해주는 기능을 담당한다.

템플릿 엔진에는 서버 사이드 템플릿 엔진과 클라이언트 사이트 템플릿 엔진이 있다.

 

템플릿 엔진의 필요성

1. 간결하다.
   기존의 HTML에 비해 간단한 문법으로 구성되어 코드를 줄일 수 있다.
2. 재사용성이 높다.
   똑같은 디자인의 페이지에서 데이터만 바뀌는 경우 재사용이 가능하다.
3. 유지보수에 용이하다.
   하나의 템플릿으로 여러 페이지를 렌더링 할수 있다.

 

서버 사이드 템플릿 엔진

서버에서 가져온 DB 또는 API에서 가져온 데이터를 미리 정의해둔 Template에 넣어 HTML을 구성하여 클라이언트에 전달해는 역할을 한다.

HTML 코드에 고정적으로 사용된 부분은 템플릿으로 만들어 두고 동적으로 생성 되는 부분만 특정 템플릿 양식에 맞춰 동작할 수 있다.

 

대표적인 서버 사이드 템플릿 엔진 : JSP, Thymeleaf, Freemarker 등

 

클라이언트 사이드 템플릿 엔진

HTML 형태로 코드를 작성할 수 있으며, 동적으로 DOM을 그리게 해주는 역할을 한다.

데이터를 받아서 DOM 객체에 동적으로 HTML을 그려주는 프로세스를 담당한다.

 

대표적인 클라이언트 사이드 템플릿 엔진 : Mustache, Squirrelly, Handlebars 등

 

 

참고문서

https://velog.io/@hi_potato/Template-Engine-Template-Engine