🌸 [SPRING BOOT] | Thymeleaf .zip

---

• 이 글의 사진은 모두 도비랑님의 [Spring 프로젝트] Spring Boot에서 타임리프(Thymeleaf) 사용하기글에서 캡쳐한 것입니다.

지식과 꿀팁이 넘치는 "도비의 블로그" 방문하기
"[Spring 프로젝트] Spring Boot에서 타임리프(Thymeleaf) 사용하기" 글 보러가기

---

• 이 글의 th:replace설명은 모두 MHLab님의 Thymeleaf에서 템플릿 형식으로 사용하기(With thymeleaf-layout-dialect)글에서 가져온 것입니다.

지식과 꿀팁이 넘치는 "MHLab의 개발 블로그" 방문하기

"Thymeleaf에서 템플릿 형식으로 사용하기(With thymeleaf-layout-dialect)" 글 보러가기

---

🔹 Thymeleaf Simple expressions

✅ Variable Expressions: ${...}

✅ Selection Variable Expressions: *{...}

✅ Message Expressions: #{...}

✅ Link URL Expressions: @{...}

🔹 타임리프 주요 식 설명

🔹 th:replace

• th:replace 속성을 통해 각 부분에 대한 공통 레이아웃을 재정의
• 해당 속성이 선언된 html 태그를 replace에 정의된 다른 html 파일로 치환하는 것으로 jsp의 include와 비슷한 동작을 행합니다.
• th:replace 속성의 경로는 Spring-boot의 기본 경로인 templates 하위에 정의한 경로를 작성 후 :: 뒤에는 아래에서 소개할 fragment속성의 이름을 적어줍니다.
• th:replace는 fragment 태그를 제외하고 결과를 가져옵니다.

🔹 th:attr

    <span id="globalConst" 
          sec:authorize="isAuthenticated()" 
          th:with="auth=${#authentication.getPrincipal().getUser()}"
          th:attr="data-iuser=${auth.iuser}, 
                   data-writer=${auth.nm}, 
                   data-writer-profile=${auth.mainProfile}"></span>

• th:attr="data-iuser=${auth.iuser}, data-writer=${auth.nm}, data-writer-profile=${auth.mainProfile}"
• html의 요소 data-ooo의 값을 서버에서 받은 model값으로 한개 ~ 여러개 지정할 수 있다 .

🔹 th:class

<p th:class="${isAdmin} ? admin-class : user-class ">
   Some Text 2
</p>

👇

<p class="admin-class">
   Some Text 2
</p>

🔹 th:classappend

<p class ="base-class" th:classappend="${isAdmin} ? admin-class : user-class">
    Some Text 1
</p>

👇

<p class ="base-class admin-class">
   Some Text 1
</p>