Thymeleaf 다국어 th:utext 사용 예제

 

📂 html

<ul  class="txt_box"
    th:utext="#{bini.menu001.tab01.content-list(#{{bini.menu001.tab01.title})}">
    
	<li class="inTit">타이틀</li>
    <li class="inInfo">상세 내용 <br> 입니다</li>
</ul>

 

=> th:utext가 <ul>의 “내용 전체”를 덮어씀

 

📂 properties

bini.menu001.tab01.title = \uc8fc

bini.menu001.tab01.content-list = \
<li class="inTit">{0}</li> \
<li class="inInfo">\uc885\</li>

 

** 렌더링시

<ul class="txt_box">
  <li class="inTit">properties에 쓴 title 값</li>
  <li class="inInfo">properties에 쓴 내용 값</li>
</ul>

 

❓ .inTit에 title 값이 들어갈까? {0}이 title인 이유
“content-list 메시지를 가져오는데, 그 안의 {0} 자리에 bini.menu001.tab01.title 값을 넣어라”

=> => content-list( #{ ...title } ) 이런식으로 파라미터로 title을 0번째 값으로 넘기고 있기 때문

 

🔖 더 이해하기

{0}, {1} 여러 개 쓰는 실전 예제

 

📂 properties

# 제목
bini.menu001.tab02.title=신청 시

# 날짜
bini.menu001.tab02.date=2025년 1월 1일

# 본문 리스트
bini.menu001.tab02.left.content-list=
<li class="inTit">{0}</li>
<li>신청 가능 기간: {1}</li>
<li>유의사항: {2}</li>

 

📂 html

<ul class="chatInTxt"
	th:utext="#{
		bini.menu001.tab02.left.content-list(
			#{bini.menu001.tab02.title},
			#{bini.menu001.tab02.date},
			'서류 누락 시 반려될 수 있습니다'
		)
	}">
</ul>

 

** 렌더링시

<ul class="txt_box">
  <li class="inTit">신청 시</li>
  <li>신청 가능 기간: 2025년 1월 1일</li>
  <li>유의사항: 서류 누락 시 반려될 수 있습니다</li>
</ul>