[Thymeleaf] Value 사용하기

    Thymeleaf, Value 사용하기

     

     

     

     

      Value 사용하기

    <!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Value 가져오기</title>
    </head>
    <body>
    <h3>Java에서 값 가져오기</h3>
    
    <th:block th:with="test='몰랑피우'">
    
        <p th:text="${test}"></p>
        <p th:text="'안녕하세요. ' + ${test}"> 나타나지 않는다.</p>
        <input type="text" th:value="${test}">
    
        <h5 th:text="${test}"></h5>
    </th:block>
    </body>
    </html>

    위의 thymeleaf를 실행 시, 표현되는 Value의 값이다.

    1) th:text=${변수명}을 통해서, 몰랑피우의 값이 표현되는 것을 확인할 수 있다.

    2-1) th:text가 선언된 태그는 기존의 html 문법으로 표시되지 않으므로 주의해야 한다.

    2-2) value 외의 값은 + 을 통해서 추가할 수 있다. 여기서 주의할 점은 큰 따옴표와 작은 따옴표의 구분이다.

    3) input box같은 경우에는, th:value를 통해서 값을 넣을 수가 있다.

    4) th가 선언되는 곳에는 태그를 따지지 않는다.

     

     

    만약, html이 제대로 표현이 되지 않는다면, th가 선언된 태그가 제대로 닫혀있는지를 반드시 확인해야 한다.

    제대로 닫히지 않는다면, 2번의 주의사항이 발생되어 닫힐 때까지 표현되지 않는다.

     

     

     

      마무리

     보통 이 방식은 jsp에서는 <%=변수명=> 이며, jstl에서는 ${변수명}이다.

    다만, tymeleaf는 jsp도, jstl도 아니므로, thymeleaf 방식을 따라야 한다.

     

    반응형

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

    [Thymeleaf] template 기능 - replace  (0) 2022.03.23
    [Thymeleaf] for 사용하기  (1) 2022.03.08
    [Thymeleaf] if - else 사용하기  (0) 2022.03.08
    [Thymeleaf] with 사용하기  (0) 2022.03.07
    [Thymeleaf] Thymeleaf 사용하기  (0) 2022.03.07

    댓글

    Designed by JB FACTORY