스프링 부트에서 머스테치 템플릿 엔진 활용하기

Spring Boot 프로젝트에 머스테치 의존성 추가

컨트롤러에서 데이터 전달 및 템플릿 적용

간단한 Mustache 템플릿 작성 방법

기사보기 상단_1

 

 

1. 의존성 추가하기

스프링 부트 프로젝트에서 머스테치를 사용하려면 spring-boot-starter-mustache 의존성을 추가해야 한다. Maven을 사용하는 경우, pom.xml 파일에 아래와 같이 의존성을 명시한다.

 

2. 템플릿 파일 작성

머스테치 템플릿 파일은 src/main/resources/templates 폴더에 저장된다. 템플릿 파일의 확장자는 .mustache이며, 간단한 예로 index.mustache 파일은 다음과 같이 작성할 수 있다.

 

3. 컨트롤러에서 데이터 전달하기

스프링 부트의 컨트롤러에서 모델을 통해 템플릿에 데이터를 전달할 수 있다. 아래는 간단한 컨트롤러 예시다.

이 코드를 실행하면, 브라우저에서 index.mustache 템플릿에 전달된 데이터가 출력된다.

 

머스테치는 간결한 문법과 빠른 렌더링 속도로 스프링 부트와의 궁합이 뛰어난 템플릿 엔진이다. 복잡한 로직을 템플릿에 포함하지 않고 UI 렌더링에만 집중할 수 있어, 프론트엔드와 백엔드의 역할을 명확하게 분리하는 데 도움을 준다. 또한, 스프링 부트의 기본 제공 기능을 활용해 간단하게 설정하고 사용할 수 있어 초보자도 쉽게 접근할 수 있는 도구다.

 

IT개발자협동조합 기자단 kodec@devtimes.co.kr
작성 2024.09.05 14:13 수정 2024.09.05 15:37
Copyrights ⓒ 청년개발자신문. 무단 전재 및 재배포금지 IT개발자협동조합 기자단 뉴스보기
댓글 0개 (1/1 페이지)
댓글등록- 개인정보를 유출하는 글의 게시를 삼가주세요.
등록된 댓글이 없습니다.
Shorts For You 더보기
AI시대, 꼭 필요한 직업은? Feat 대기업 부트캠프 추천 #인공지..
데브타임즈 소개 (청년개발자신문)
치매 걸릴지 말지, AI가 2년 전에 미리 알려준다! #치매 #ai #a..
AI 시대, 한국 없이는 불가능하다고? 전 세계가 우리에게 주목하는 이유..
AI 시대, 일하지 않아도 된다?
한 문장으로 만든 AI 애니메이션? 진짜 6번 클릭이 끝!
[CNS News] LG CNS, 퓨리오사AI와 NPU 기반 AI 서비스..
애플이 준비하는 폴더블 대잔치 ㄷㄷ #it뉴스 #애플 #갤럭시z폴드7
absolute를 했는데 내가 원하는 위치로 안옵니다. #Shorts
서비스 오픈날 DB가 비어있었다...#shorts
GPT로 남자친구 만들기..? || Dan 남자친구 #shorts
만우절을 맞이한 AI 기업들 #shorts
드립자판기인 줄ㅋㅋㅋ 조용했던 릴리의 반전 매력 #shorts
설렘 유발하는 옐로우의 세심함 #shorts
AI가 그린 판교 개발자의 일상 #shorts
의외로 먹힌(?) 노빠꾸 플러팅 #shorts
개발자 커플만 가능한 데이트?! #shorts
신개념 '굳은살' 플러팅 보여주는 블랙 ㅋㅋㅋㅋ #shor..
"버튜버 닮았어요" 인싸는 이해하기 힘든 플러팅 #sh..
이거 코딩한 놈 누구냐 #shorts
딴 여자랑 헷갈려서 말실수한 블루 ㄷㄷㄷ #shorts
400만 유튜버의 노련한 소개팅 팬서비스 #shorts
축구감독도 AI가..? || 리버풀 & 딥마인드 '택틱AI..
???: 저는 제 MBTI 안 정해놨어요 #shorts
개발자에게 먹히는 멘트 배워온 릴리 (근데... 플러팅 가능??) #sh..
AI가 대신 말해줍니다? || AI 성대 #shorts
챗GPT에게 삼행시를 시켜봤다 #shorts
한마디로 소개팅 분위기 박살낸 블랙 ㄷㄷㄷㄷ #shorts