Thymeleaf
아마 WebApplication을 한 번이라도 개발해봤다면 JSP를 사용했을 것이다.
thymeleaf 도 JSP와 같은 template 엔진이다.
둘의 차이점은 다름아닌 JSP는 서버를 통해 Servlet 코드로 변환되어 랜더링 하지만 thymeleaf는
servelt 코드로 변환되지 않는다.
이 차이점으로 인해 thymeleaf는 서버가 존재하지 않아도 Html을 확인할 수 있지만 JSP는 불가능하다.
또한 JSP는 위에서 말한 서버가 필수적이기 때문에 WAR 패키징을 진행해야 하고 thymeleaf는 jar 패키징이 가능하다.
JAR와 WAR 차 이첨은 간단히 JRE 만 가지고 실행이 가능한 것과 아닌 것으로 말할 수 있다.
이제 Thymeleaf을 간단히 사용해보자.
-
pom.xml 의존성 추가하기
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>앞서 작성한 글에서도 언급한 것처럼 Thymeleaf의 version도 parent 부분에 명시되어있음으로 생략이 가능하다.
-
html 파일에 namespace 추가하기
<html lang="en" xmlns:th="http://www.thymeleaf.org">
-
표현식 익히기
Jsp에도 표현식이 있는 것처럼 Thymeleaf 에도 해당하는 표현식이 존재한다. 다 살펴보지는 않고 기본적인 것만 살펴보자.
- ${...} : 변수 표현식.
Controller
@GetMapping("th")
public String testPage(Model model){
model.addAttribute("name","JaeJoon");
model.addAttribute("age",26);
return "wellcome";
} HTML
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 th:text="${name}">name</h1> // controller 에서 담긴 Model 정보 참조
<h1 th:text="${age}">age</h1>
</body>
</html>-
#{...} : 메시지 표현식
설정 파일(. properties) 에있는 값을 읽어와 값을 표시하는 표현식이다
applcation.properties
jaejoon.age=100
jaejoon.name=JaeJoon
HTML
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 th:text="#{jaejoon.name}"> properties value name</h1>
<h1 th:text="#{jaejoon.age}">properties value age</h1>
</body>
</html>-
@{...} : 링크(URL) 표현식
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="#" th:href="@{'/testPage'}"> 페이지이동</a> </body> </html>
위에 작성한 HTML 실행을 해보면 JSP처럼 깨져서 나오는 게 아니라 대체 값이 나오는 걸 확인할 수 있다.
이처럼 Thymeleaf는 서버에 의존하지 않고 개발할 수 있기 때문에 개발이 편리하다.
위에서 설명한 3가지를 2가지가 더 남아있고 활용 방법은 아주 많다.
https://www.thymeleaf.org/doc/articles/standarddialect5minutes.html
더 자세한 내용은 위 링크에서 통해 확인할 수 있다.
'Spring > boot' 카테고리의 다른 글
| [Spring boot] 여러 필드를 검사하기위한 Custom Valid Annotation 만들기 (0) | 2021.06.25 |
|---|---|
| [Spring-boot] ExceptionHandler (0) | 2021.01.22 |
| [Spring-boot] 웹MVC 2부 : 정적리소스 (0) | 2021.01.19 |
| [Spring-boot] 웹MVC (1부) : 소개 , ViewResolver (0) | 2021.01.19 |
| [Spring-boot] Test (0) | 2021.01.18 |
