[타임리프] th:onclick과 location.href 함께 사용하는 방법

타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용됩니다.

 

백엔드 개발자의 경우 (화려한 프론트엔드 기술을 적용할 필요 없이) 빠르게 데이터를 확인 해야할 일이 생깁니다. 이를 위해서라도 SSR의 한 가지 정도는 공부하는 것을 추천하는 데 그중 하나가 타임리프입니다. 

 

 

 

정말 간단한 것들은 타임리프 문법을 숙지해서 넣으면 되는데, 중간에 주소를 넣는 부분은 해도해도 까먹어서 이렇게 포스팅으로 박제를 하고자합니다. 

 

이 글을 보시는 분들도 유용하게 사용하셨으면 합니다. 

 

 

 

 

 

첫 번째, 컨트롤러에서 넘긴 URL변수를 이용하고 싶을 때

th:onclick="'location.href=\''+ @{${moveUrl}} + '\''"

 

 

두 번째, 이동하고 싶은 주소를 넣고 싶을 때

<button th:onclick="'location.href=\''+ @{/oauth2/authorization/google} + '\''">

 

 

 

 

 

 

 

 

---

 

참고 :

타임리프 자주 사용하는 기능 정리

https://solbel.tistory.com/1449