Thymeleaf에서 자바스크립트 코드를 작성하는 방법은 다음과 같습니다.

1. Thymeleaf 표현식으로 자바스크립트 변수를 사용하기: HTML 파일 내에서 자바스크립트 코드를 작성할 때, Thymeleaf 표현식을 사용하여 자바 객체나 변수 값을 참조할 수 있습니다. 예를 들어, ${variableName}과 같은 형식으로 표현식을 작성하여 변수 값을 가져올 수 있습니다.

2. Thymeleaf 속성으로 자바스크립트 코드를 실행하기: Thymeleaf는 자체 속성을 통해 자바스크립트 코드를 실행할 수 있는 기능을 제공합니다. 예를 들어, <button th:onclick="'javascriptFunction();'">Click me</button>와 같은 형식으로 Thymeleaf 속성인 th:onclick을 사용하여 자바스크립트 함수를 실행할 수 있습니다.

3. Thymeleaf 반복문으로 자바스크립트 코드 동적 생성하기: Thymeleaf는 반복문을 통해 동적으로 자바스크립트 코드를 생성할 수 있습니다. <script> 태그와 함께 th:each 속성을 사용하여 반복문을 정의하고 자바스크립트 코드를 동적으로 생성할 수 있습니다.

위의 방법으로 Thymeleaf에서 자바스크립트 코드를 작성하고 실행할 수 있습니다. 이를 활용하여 동적인 웹 페이지를 구현하거나 이벤트 처리를 수행할 수 있습니다.

참고 자료:

• Thymeleaf 공식 문서: https://www.thymeleaf.org/documentation.html
• Thymeleaf + JavaScript 예제 코드: https://github.com/thymeleaf/thymeleafexamples-stsm/