Thymeleaf 에서 javascript 사용하기

이번 프로젝트에서 뷰단을 스프링부트의 기본 템플릿 엔진인 thymeleaf을 사용하게 되었다.

처음에는 조금 어색하였지만 사용하다 보니

jsp보다 오히려 더 편한거 같다.

thymeleaf에서 model로 내려온 변수를 자바스크립를 사용하는 방법을 보면 다음과 같다.

1. script 영역에서 사용시 CDATA 블럭으로 묶어서 ${모델변수}를 이용

controller에서 

model.addAttribute("result", "성공하였습니다.");

로 뷰단으로 result를 내린 경우

<script th:inline="javascript">

    /*<![CDATA[*/

var result = /*[[ ${result} ]]*/;

/*]]*/

    $(document).ready(function(){

alert(result);

    });

</script>

CDATA로 묶어서 사용

2. 태그내에 onclick이벤트 등 함수에 파람값 설정시

<button th:attr="onclick=|pageMove('${nowPage}', '${pageSize}')|">

th:attr 사용