Thymeleaf를 통한 Spring의 변수와 url 표현 방식

(08-10 edit.html 을 정리하던 와중)

Q.

const deptno = [[${deptno}]]; 그리고

let data = await axiosHelper.get([[@{/api/department}]]/${deptno});

각 코드에 적혀있는 [[${deptno}]], 그리고 [[@{/api/department}]]/${deptno}

이 두 부분은, ajax 통신으로 가져온 Spring의 값인것이지?

$가 붙은것은 값이고, @가 붙은것은 주소의 차이일 뿐인 것이고?

 

 

 

 

GitHub Copilot

사용된 1 참조

네, 맞습니다.

• [[${deptno}]]는 Thymeleaf에서 변수를 표시하는 방식으로, 컨트롤러에서 전달된 deptno 값을 해당 위치에 삽입합니다.
• [[@{/api/department}]]는 Thymeleaf에서 URL을 생성하는 방식으로, 애플리케이션의 컨텍스트 경로를 고려하여 실제 URL로 변환합니다.

이 두 표현식은 [[...]]로 감싸져 있어서 JavaScript 코드 내에서 Thymeleaf에 의해 해석되어 실제 값으로 치환됩니다. 즉,

• ${...}는 변수를 나타내고,
• @{...}는 URL을 나타냅니다.

따라서 해당 코드에서 deptno 변수와 /api/department URL이 Thymeleaf에 의해 실제 값으로 대체되어 JavaScript 코드에 삽입됩니다.