관리 메뉴

제뉴어리의 모든것

html, script, thymeleaf 주석 방법 본문

기타...

html, script, thymeleaf 주석 방법

제뉴어리맨 2021. 2. 27. 01:53

1. html 주석

<!-- 주석할 내용 -->

 

2. script 주석

한줄 주석  => //

여러 줄 주석 => /* 주석할 내용 */

 

3. thymeleaf 주석 방법
<!--/*  주석할 내용    */-->

ex )

        <table class="table table-striped">
            <tbody>

            <tr><td><p align="center"> <b>댓글</b></p></td>

            </tr>
            <tr th:each="reply : ${dto.replys}">
                <td width="90%">
        
                    <span style="font-weight:bold">[[${reply.replyer}]]</span></br>
                    

                </td>
                <td width="5%">
                    <span><a th:href="@{#}" th:if="${reply.replyer} == ${reqMember.id}" >modify</a></span></br></br>
                    <span><a th:href="@{/reply/delete(seq = ${reply.seq})}" th:if="${reply.replyer} == ${reqMember.id}" >delete</a></span>
                </td>
            </tr>

            </tbody>
        </table>

만약 위와 같은 html 소스가 있다고 해보자

위에 소스를 모두 html주석 방식으로 적용을 해도 완전히 주석처리가 되지 않고 에러가 날것이다.

왜냐하면 <span style="font-weight:bold">[[${reply.replyer}]]</span> 에 있는

[[${reply.replyer}]] 부분 때문에 해당 소스가 들어간 페이지에서는 에러가 날것이다.

왜냐하면 reply라는 변수또한 html주석으로 인해 소스상에서 사라졌기때문에 reply.replyer란것은 찾을 수가 없기 때문이다.

[[${reply.replyer}]] 이 부분은 html 태그안(span태그)에 있는 것이 아니고 그냥 thymeleaf 형식으로 밖에 지정된 값이다.

그러므로 이러한 내용을 주석처리 하려면

<!--/* 

  <span style="font-weight:bold">[[${reply.replyer}]]</span></br> 

*/-->

 

이런식으로 하면 된다