티스토리 뷰

What I Learned/Framework

[Spring Boot] 템플릿 엔진 Thymeleaf 기초

Interrobang 2023. 7. 31. 21:45

특징

natural template

스프링과 함께 사용하기에 최적화 되어 있음

세팅

Gradle dependency 추가

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

사용할 HTML 파일 html 태그에 XML namespace를 명시

<html xmlns:th="http://www.thymeleaf.org">

controller에서 parameter 전달

- model 객체 선언 후 addAttribute() 활용

@GetMapping("example")
public String example(Model model) {
    String name = "joon ki";
    model.addAttribute("name", name);
    return "example";
}

기본 문법

데이터 바인딩: th:text 활용

<div th:text="${text}"></div>

조건문: th:if / th:unless 활용

<div th:if="${num > 10}">True 입니다.</div>
<div th:unless="${num > 10}">False 입니다.</div>

th:each 활용

<table>
  <tr th:each="user : ${userList}">
    <td th:text="|id: ${user.id}, name: ${user.name}, age: ${user.age}|"></td>
    <td th:text="|usertype: ${student.usertype}|"></td>
  </tr>
</table>

기타 유용한 문법

th:href

th:with

th:value

th:fragment

th:replace

th:block

th:insert

 

script 태그 안에서 Thymeleaf 문법을 사용하고자 할 때 필수

<script th:inline="javascript">
~~
</script>

 

'What I Learned > Framework' 카테고리의 다른 글

[Git] GitHub 빈 repository에 로컬 프로젝트 push하기  (0) 2023.08.04
[Nest.js] 프로젝트 세팅  (0) 2023.08.02
[Java] Lombok을 이용한 코드 다이어트  (0) 2023.07.31
[JAVA] "와 ' 차이  (0) 2023.07.31
[JavaScript] Promise 객체  (0) 2022.12.12
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/11   »
일 월 화 수 목 금 토
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
글 보관함