본문 바로가기
Spring Framework

spring sts thymeleaf 페이지 기본 설정

by 자유코딩 2018. 11. 22.

스프링 부트에서는 웹페이지를 만들 때 .jsp 대신에 thymeleaf 를 많이 사용합니다.


타임리프 페이지는 이렇게 생겼습니다. ( 출처 : https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html )

<!DOCTYPE html>

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

  <head>
    <title>Good Thymes Virtual Grocery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="all" 
          href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
  </head>

  <body>
  
    <p th:text="#{home.welcome}">Welcome to our grocery store!</p>
  
  </body>

</html>

파일의 확장자는 .html 입니다.


그런데 spring sts( eclipse ) 에서 html 파일을 생성하면 이렇게 생겼습니다.



저는 웹 페이지를 타임리프로 만듭니다.

만약 html 파일을 생성할 때마다 타임리프 형태로 생성되면 참 편리하겠네요.


이렇게 하면 됩니다.



Window - Preferences 에 들어갑니다.



Web - HTML Files - Editor - Templates 를 선택합니다.


Templates 에서 HTML 5 를 선택합니다.


아래 Preview 를 타임리프로 고치면 됩니다.





아래 내용을 복사해서 붙여 넣으시면 됩니다.


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  </head>
  <body>
  </body>
</html>
cs


작성했다면 OK를 클릭하고 설정을 적용합니다.



이제 html 페이지를 만들면 타임리프 페이지가 자동 생성됩니다.

댓글