[ Thymeleaf ] JavaScript Inline이 동작하지 않을 때 해결 방법

Spring에서 가장 많이 쓰이는 템플릿 엔진인 Thymeleaf에서는 th:inline="javascript" 문법으로 JavaScript 코드에 쉽게 객체나 변수를 인라인해서 사용할 수 있다.

Spring을 공부하던 도중 갑자기 변수를 바인딩하는 문법이 작동을 하지 않았다.

다시 설치도 해보고 온갖 방법을 동원했지만 해결되지 않았다.

그러나 제 코드의 문제점은 [[${variable}]]이 아니라[ [${variable}] ]로 쓴 것이었다.

이는 IntelliJ에서 자동으로 저장할 때마다 Format을 맞춰주는 기능 때문에 저렇게 자동으로 바뀐 것이다.

따라서 이 것을 해결하기 위해서는 IntelliJ 설정에서 JavaScript의 코드 스타일에서 배열에 공백을 넣는 부분을 체크 해제하고 저장하고 모든 괄호를 붙여서 쓰면 잘 작동한다.