[JPA] Mustache 란 뭘까?

카테고리 없음

[JPA] Mustache 란 뭘까?

미로910 2024. 10. 4. 10:01

💡
1. Mustache에 대해 설명할 수 있다.
2. Mustache 기본 문법을 확인해 보자.

Mustache는 거의 로직이 없는 템플릿 엔진으로, 다양한 프로그래밍 언어에서 사용할 수 있으며, 간단하고 유지보수가 용이한 템플릿을 만드는 데에 유용합니다. Spring Boot와 Mustache를 결합함으로써 개발자는 백엔드 로직과 프론트엔드 표현을 분리하여 더 효율적이고 관리하기 쉬운 웹 어플리케이션을 구축할 수 있습니다.

Mustache의 주요 특징

로직을 최소화한 템플릿(Logic-less templates): Mustache 템플릿은 복잡한 로직을 최소화하여, 템플릿 내에서 간단한 조건문과 반복문을 지원합니다. 이는 데이터를 표시하는 데에 집중하도록 설계되었습니다.

{{#users}}...{{/users}}는 users 목록에 대한 반복을, {{^users}}...{{/users}}는 users가 비어 있을 때의 처리를 나타냅니다.

if문 사용X

언어 독립성(Language agnostic): Mustache는 JavaScript, Java, Python 등 다양한 프로그래밍 언어에서 사용할 수 있습니다.
간단함(Simplicity): 템플릿의 구조가 단순하고 이해하기 쉽습니다.

Spring Boot와 Mustache 의 사용

Spring Boot에서 Mustache를 사용하기 위해, 먼저 spring-boot-starter-mustache 의존성을 프로젝트에 추가해야 합니다. 이 스타터는 Mustache 템플릿 엔진과 관련된 모든 필요한 의존성을 제공합니다. 그 후, src/main/resources/templates 디렉토리에 Mustache 템플릿 파일을 위치시키고, Spring MVC 컨트롤러를 통해 모델 데이터를 템플릿에 전달하여 동적인 웹 페이지를 생성할 수 있습니다.

application-dev.yml 추가

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-mustache'
    // ...
}

SampleController

package com.example.demo._domain.blog.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;


@Controller
public class SampleController {
	
	// 주소 설계 : http://localhost:8080/	(GET) 요청
	@GetMapping("/")
	public String home(Model model) {
		
		// 뷰 리졸브 동작
		// hello --> src/main/resources/templates/hello.mustache
		model.addAttribute("name", "한글 설정");
		return "hello";
	}

}

hello.mustache 템플릿 파일은 src/main/resources/templates 디렉토리에 위치해야 하며, 이 파일은 Mustache 템플릿 언어를 사용하여 작성됩니다. 간단한 "Hello, World!" 예제를 기반으로 한 hello.mustache 파일의 내용은 다음과 같습니다

hello.mustache

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>Hello, {{name}}</h1>
</body>
</html>

(.html -> .mustache)

실행 화면______

Model 말고 쓸 수 있는 게 없을까?

package com.example.demo._domain.blog.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

import jakarta.servlet.http.HttpServletRequest;


@Controller
public class SampleController {
	
	// 주소 설계 : http://localhost:8080/	(GET) 요청
	@GetMapping("/")
	public String home(HttpServletRequest request) {
		
		// 뷰 리졸브 동작
		request.setAttribute("name", "반가워");
		// hello --> src/main/resources/templates/hello.mustache
		// model.addAttribute("name", "한글 설정");
		return "hello";
	}

}

➡️ request로 할 수 있다.

spring:
  mustache:
    servlet:
      expose-session-attributes: true  # Mustache 템플릿에서 세션 속성에 접근할 수 있도록 허용
      expose-request-attributes: true  # Mustache 템플릿에서 요청 속성에 접근할 수 있도록 허용

실행 화면____

현재글[JPA] Mustache 란 뭘까?

개발 note

개발자를 꿈꾸는 민경이의 기록 블로그

Flutter,

Today :
Yesterday :

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

개발 note