[Thymeleaf] th안의 item value에서 콘솔(console.log)값 보는법

Thymeleaf를 사용하다가 그 안의 console.log를 보는 문법이 헷갈려서 정리할겸 쓰게 되었다.

 

 

# 보는법

<th:block th:each="entry : ${shipMap.entrySet()}">
<script th:inline="javascript">
   /*<![CDATA[*/
   let items = /*[[${entry.value}]]*/ [];
   for (let i = 0; i < items.length; i++) {
      console.log("Item:", items[i]);
   }
   /*]]>*/
</script>

 

1.

<th: block 안의 entry로 controller에서 넣어준 모델 데이터를 th:each => thymeleaf의 for문으로 값을 넣어준다.

 

2.

해당 범위의 아래 script문을 사용 후에 변수 item에 /*[[$entry.value}]]*/을 사용해서 값을 담는다. 담은 값을 for문으로 console.log 찍어주면 콘솔에 잘 찍힌다.

 

 

위처럼 간단하지만, 쓸때 마다 헷갈려서 쓰게 되었다.