HTML ? JSP ? MUSTACHE ?

.html로 파일을 구성하다가 .jsp를 알게 된 뒤로는 사용의 편리함 때문인지

나도 모르게 계속 .jsp로만 홈페이지를 만들다가,

Spring boot를 하게 되면서 .mustache라는 녀석을 알게됐다.

 

경험으로 봐선 일단 다 클라이언트가 보는 페이지를 만들 수 있는 친구들인데 .html은 고정 된 느낌이고

.jsp와 .mustache는 유동적(?)인 느낌이다.

 

그렇다면 뭘 사용해야하고 뭐가 더 좋은 걸까???

아래 설명은 제가 읽고 이해한 것을 정리한 것으로 틀린 부분이 있을 수도 있습니다 😂.

틀린 부분에 대한 지식이 있으시다면 댓글로 알려주시면 감사하겠습니다 !!

 

들어가기 전에

이 세 가지를 비교하기전에 먼저 알아야 할 것이 있는데 바로

HTML과 Template Engine( JSP, MUSTACHE etc... )은 비교할 대상이 아니라는 것 !

 

😕?? 

 

일단 간단히 html과 jsp로 설명을 하자면,

- HTML: compile 없이 클라이언트 쪽 브라우저에서 해석하여 곧바로 본다.

- JSP: 서버에서 complile 후 html형식을 결과값으로 클라이언트 쪽으로 보내면 브라우저에서 전달 받은 html을 해석한다.

• JSP와 HTML 비교
• [Web] Servlet과 JSP의 차이와 관계

 

감이 살짝 오는가?

 

 

알아보기

Template Engine

• 지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 만들어주는 소프트웨어
• "프로그램 로직" ↔ "프레젠테이션" 계층을 분리하기 위한 수단
• 프레젠테이션 계층에서 로직을 쉽게 표현하고 개발의 유연성을 향상 시킴 & 유지보수 효율 향상

 

이러한 템플릿 엔진은 어디에서 동작하느냐에 따라 아래와 같이 부를 수 있다.

처음엔 서버와 클라이언트 템플릿이 따로 정해져 있는 건가 하고 생각했는데 몇 가지 글을 읽다보니 몇가지 템플릿의 경우 사용하는 위치가 정해져 있지만 우리가 살펴볼 mustache의 경우 서버에서도 클라이언트 쪽에서도 사용이 가능하기 때문에 내가 사용할 템플릿 엔진이 어디에서 사용 가능한지 사용 전에 알아보는 것이 좋을 것 같다.

 

1) 서버 템플릿 엔진 (SSR: Server Side Rendering)

- 서블릿(서버)에서 동작하는 템플릿 

- 템플릿 양식과 데이터를 이용하여 HTML를 생성하여 브라우저에 전달한다.

 

2) 클라이언트 템플릿 엔진 (CSR: Client Side Rendering)

- React, Vue, Anguler와 같이 서버에서 데이터를 전달받고 전달받은 데이터를 가지고 웹 화면을 꾸며주는 라이브러리( 혹은 프레임워크 )

- SPA( Single Page Application ) 환경으로 웹 서비스를 개발하는 업체가 점점 늘어나면서 많이 사용되고 있다.

 

 

그렇다면 어떤 template engine을 사용해야 할까?

JSP vs MUSTACHE ( with. Spring boot )

JSP	MUSTACHE
Java 언어를 지원한다.	Java뿐만 아니라 현존하는 대부분의 언어를 지원한다. Ruby, JavaScript, Python, node.js, PHP, Java, .NET, Android, C++, Go etc...
로직 구현이 가능하다. 예를 든다면 javascript로 필요한 기능을 구현한다던지.. JSP 의 경우는 <% %> 안에 있는 JAVA 문법은 서버단에서, Javascirpt 는 클라이언트단에서 동작하기 때문에 하나의 JSP 파일 안에서 서버와 클라이언트 코드가 뒤섞이는 등의 문제가 있어 유지보수를 하기에 어려움이 있다.	로직 구현이 안된다. ( Login-less-templates ) View 역활에만 충실하다.
스프링 부트에서는 권장하지 않는 템플릿 엔진 boot에서 jsp를 쓸 경우 war로 만들어야 하며, WAS에 따라 지원하지 않을 수도 있다. Tomcat만 쓴다면 상관없다.	스프링 부트에서 공식으로 지원하는 템플릿 엔진

 

😏 쓰니의 결론

Spring boot에서 View를 구성해야 한다면, MUSTACHE를 사용해야겠다!

 

 

 

---

 

Thanks for 🙈

• 초등학생도 이해하는 JSP 살펴보기
• [java] 템플릿 엔진 / SSR & CSR / JSP와 Mustache / 정적파일
• Mustache로 화면 구성하기
• Java Template 성능 비교. (JSP VS Freemarker, Freemarker vs Thymeleaf)
• Mustache 공유
• [SpringBoot] Mustache template