[Tymeleaf] javascript inlining

출처: https://maenco.tistory.com/entry/Thymeleaf-JavaScript-Inlining-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9D%B8%EB%9D%BC%EC%9D%B8

[Thymeleaf] JavaScript Inlining (자바스크립트 인라인)

텍스트 렌더링

var username = [[${user.username}]];
인라인 사용전 -> var username = userA;
인라인 사용후 -> var username = "userA";

인라인은 안에 쌍 따움표가 와도 esacpe처리를 해준다.
" -> \"

자바스크립트 내추럴 템플릿

var username2 = /*[[${user.username}]]*/ "test username";
인라인 사용전 -> var username2 = /*userA*/ "test username";
인라인 사용후 -> `var username2 = "userA";

객체

var user = [[${user}]];
인라인 사용전 -> var user= BasicControlloer.User(username=userA, age=10);
인라인 사용후 -> var user = {"username":"userA", "age":10};

자바스크립트 each