thymeleaf 타임리프 /*[[${변수명}]]*/ null; | 서버단에서 넘긴 변수 클라이언트 단 스크립트 영역에서 받아 js 변수에 할당 하기

 

 

서버 사이드 템플릿 엔진 타임리프(thymeleaf)를 사용하는 환경에서 서버단에서 넘긴 변수를

 

<script> .... </script> 영역 안에서 받아서

 

js 변수에 할당하려고 할 때 (var '변수명' =  /*[[${'변수명'}]]*/ null;)

 

<script th:inline="javascript">

 

위 처럼 스크립트 영역 선언 여는 태그에 th:inline="javascript" 명시하지 않으면

 

서버단에서 넘기는 변수의 값을 js 변수에 할당 해주지 못한다.

 

그래서 아래와 같이 스크립트 영역 선언 여는 태그에

 

th:inline="javascript 를 명시 하거나 혹은 하지 않거나 상황에 맞게

 

각기 다른 방법으로 넘겨받은 변수를 받아 할당하면 되겠다.

 

 

* script 영역 선언 여는 태그에 th:inline="javascript" 명시하는 경우


<script th:inline="javascript">
    
    var 변수명 = /*[[${변수명}]]*/ null;
    
</script>

<!-- /*[[${변수명}]]*/ null; 여기서 뒤에 붙은 null은 
변수 값이 서버에서 제공되지 않았을 때의 대체 값을 정의하는 데 사용됨 -->

 

 

* script 영역 선언 여는 태그에 th:inline="javascript" 명시하지 않는 경우


<script>
    
    var 변수명 = "[[${변수명}]]";
    
</script>