스프링부트) 타임리프 + 자바스크립트

서버에서 model로 넘긴 값을 view에서는 타임리프로 받아 사용을 하고 있다.

그런데 자바스크립트에서 사용하려면 어떻게 해야할까?

 

<script th:inline="javascript">

	/*<![CDATA[*/
	function test() {
    	var sample = [[${타임리프 변수}]];
    }
    /*]]>*/
	...
    
</script>

 

1. th:inline="javascript" 추가하기

 

2. 사용할 객체에 /*<![CDATA[*/            /*]]>*/ 를 추가해준다.

 

3. [[${타임리프 변수}]] 형식으로 변수를 가져온다.