[Thymeleaf] 타임리프 사용법 및 문법

2021. 8. 11. 11:56

타임리프는 스프링 부트에서 공식적으로 지원하는 View 템플릿입니다. JSP와 달리 Thymeleaf 문서는 html 확장자를 갖고 있어 JSP처럼 Servlet이 문서를 표현하는 방식이 아니기 때문에 서버 없이도 동작 가능합니다.

Spring Boot 타임리프 기본 설정

1. Spring Boot에서 타임리프를 사용하기 위해서는 라이브러리를 추가해야 합니다.

MVNRepository Spring Boot Starter Thymeleaf

2. 타임리프를 적용할 HTML 문서를 작성하고 상단 <html> 태그 내부에 다음과 같이 작성합니다.

<!DOCTYPE html>


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


<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

타임리프 사용법

타임리프에서는 JSP처럼 서버에서 받아온 데이터를 ${ } 을 이용하여 표기합니다.

컨트롤러 부분

컨트롤러에서 Model을 통해 'name'이란 이름에 'Rooney'를 넣어 View 부분으로 보냅니다.

@RequestMapping("/article")
public class ArticleController {
    
    
    @GetMapping("/list")
    public String articleList(Model model) {
    
        model.addAttribute("name", "Rooney");
        
        return "article/list";
    }
}

View(타임리프) 부분

타임리프 문법 중 글씨를 출력하는 th:text=""에 넘긴 데이터 ${name}을 넣어주면 위에 컨트롤러에서 매핑한 /article/list로 접속했을 때 화면에 Rooney가 출력됩니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

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

</body>
</html>

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

타임리프 문법

타임리프 문법은 공식 홈페이지를 참고해주세요.

Tutorial: Using Thymeleaf

1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a

www.thymeleaf.org

타임리프 자주 사용하는 문법

문법	역할	예제
th:text	문자열 생성	th:text=" ${data} "
th:each	반복문	th:each="article : ${articleList}"
th:if	if 조건문	th:if=${data != null}
th:href	이동 경로	th:href=" @{/article/list(id= ${data} )} "

저작자표시 비영리 변경금지

'Java Web > Thymeleaf' 카테고리의 다른 글

[Thymeleaf] 타임리프 자바스크립트에서 반복문 사용 (0)	2021.10.18
[Thymeleaf] 타임리프 자바스크립트에 데이터 입력 (2)	2021.10.15
[Thymeleaf] 타임리프 a태그 링크 작성 방법 (0)	2021.10.15

STUDY AND LESSON