[Thymeleaf] 사용하고 싶다면 주입과 설정부터

Thymeleaf

[Thymeleaf] 사용하고 싶다면 주입과 설정부터

Empty Brain 2022. 12. 13. 13:21

주입부터 합시다.

우리는 개발을 진행하며 많은 라이브러리를 사용한다.

JSON을 사용하고 싶다면 Jackson 또는 Gson,

데이터베이스를 연결하고 싶다면 JDBC Driver, Mybatis, Spring Data Jpa 등 많은 것들을 사용하게 된다.

이 모든 것들의 공통점이 무엇일까?

당신이 만약 Gradle을 사용하고 있다면 build.gradle에 추가하게 될 것이고

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
}

// build.gradle 임.

Maven을 사용하고 있다면 pom.xml에 추가하게 될 것이다.

<!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-thymeleaf -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
    <version>3.0.0</version>
</dependency>

// pom.xml 임.

사실 Spring Initializer( https://start.spring.io ) 를 사용하면 우측 Dependencies 칸에서 미리 주입하고 프로젝트를

생성하는 것이 가능하기 때문에 타임리프 정도는 굳이 프로젝트 안에서 추가 할 필요는 없다.

먼저 주입부터 해야 프로젝트 내부에서 활용이 가능해진다.

근데 저게 주입과정 끝이다. 매우 간단하지 않은가?

주입이 끝났으니 사용해 볼 시간이다.

먼저 타임리프는 HTML문서 내부에서 사용하는 도구이다.

그렇기때문에 JSTL의 taglib 처럼 각 문서에 선언 후 사용하면 된다.

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

 <% taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 
 //참고로 jstl taglib은 이렇게 생겼다.
 //jsp 파일 최상단에 박아넣고 시작하면 됨.

선언을 완료 했다면 이제 각 기능에 맞는 문법을 통해 내가 원하는 것을 구현하면 된다.

모든 문법을 사용하는데 " th: "가 붙어서 사용된다.

오늘은 간단하게 th:text에 대해 알아 볼거다.

먼저 Controller에서 아무 값이나 담아서 보내보도록 하자.

@Controller
public class TestController {

    @GetMapping("/test")
    public String testText(Model model){
        model.addAttribute("userName", "Empty Brain"); //여기서 넘어간 userName이
        return "test/test-page";
    }
}

나는 내 이름 담아서 보낼거임 ㅎㅎ.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <span th:text="${userName}">UserA</span> //여기서 나옴.
    <span> [[${userName}]] </span> // 이렇게 써도 됨.
</body>
</html>

그리고 위의 HTML문서를 랜더링 할 때 span 태그는 UserA로 출력될까 다른 문장으로 출력될까?