Thymeleaf 적용하기

Harry·2026년 9월 27일

Thymeleaf

목록 보기
1/2

환경설정

thymeleaf를 사용하기 위해서는 build.gradle에 thymeleaf를 추가해야한다.

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

그 다음은 thymeleaf를 사용할 html 파일 안에 특정 코드를 넣어야한다.

xmlns:th="http://www.thymeleaf.org"

위의 코드를 적용하려는 html 파일안의 <html> 태그안에 넣으면 된다.

thymeleaf를 사용하려는 모든 html 파일에는 해당 코드가 있어야하지는 않지만 thymeleaf문법은 html이 아니기 때문에 ide에서 오류로 인식되기 때문에 추가해주는 것이 좋다. 덤으로 자동완성도 지원한다.

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

</body>
</html>

적용 전 코드

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

</body>
</html>

적용 후 코드

적용 후 확인

적용 후 확인하는 법은 간단하다. 태그안에

태그를 생성하고 태그안에 th를 입력하면 자동완성이 뜨면 적용이 된것이다.

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

<div th></div>


</body>
</html>


th를 입력하면 여러개의 th:로 시작하는 자동완성이 뜨는것을 볼 수 있다.

자주 발생하는 실수로 thymeleaf를 적용해주는 코드에 오타가 생기면 적용이 안되고 ide에서도 오타를 인지하지 못하기때문에 주의해야한다.

xmlns:th="http://www.thymeleaf.org" // 오타없음
xmlns:th="http://www.thymleaf.org" // 오타있음 

오타로 인해 적용이 실패한모습 여러개의 자동완성이 뜨질않는다.

0개의 댓글