블록

알파로그·2023년 3월 25일
0

Spring MVC 활용 기술

목록 보기
14/42
  • <th:block> 은 HTML 이 아닌 Thymeleaf 의 고유한 태그 기능이다.
    • 다수의 div 태그 반복 같이 each 문 만으로 해결하기 어려울 때 사용된다.

✏️ 적용하기

📍 사용 예시

  • div 태그 2개를 한번에 반복시켜야 될 경우 each 문 만으로는 작업이 어렵다.
    • block 을 사용하면 쉽게 해결할 수 있다.
<th:block th:each="user : ${users}">
    <div>
        사용자 이름1 <span th:text="${user.username}"></span>
        사용자 나이1 <span th:text="${user.age}"></span>
    </div>
    <div>
        요약 <span th:text="${user.username} + ' / ' + ${user.age}"></span>
    </div>
</th:block>

📍 결과물

<div>
    사용자 이름1 
    <span>userA</span> 
    사용자 나이1 
    <span>10</span> 
</div>

<div>
    요약 
    <span>userA / 10</span>
</div>

<div>
    사용자 이름1 <span>userB</span> 사용자 나이1 <span>20</span> 
</div>
<div>
    요약 <span>userB / 20</span>
</div>

<div>
    사용자 이름1 <span>userC</span> 사용자 나이1 <span>30</span> </div>
<div>
    요약 <span>userC / 30</span> 
</div>
profile
잘못된 내용 PR 환영

0개의 댓글