loginHome.html 에서 "상품 관리" 버튼을 누르면 th:onclick 에 의해 "http://localhost:8080/items" 로 이동하고, "로그아웃" 버튼을 누르면 th:action 에 의해 "http://localhost:8080/logout" 로 이동합니다.
여기서 th:action 과 th:onclick 의 차이점이 무엇인가요?

<span style="font-size: 12pt; font-family: Arial;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 OMG입니다.\n\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">안녕하세요.&nbsp;<span style="background-color: #ffffff; color: #495057; font-family: 'Noto Sans KR', -apple-system, 'system-ui', 'system-ui', 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 14px;">siyeon0209님, <a class="in-cell-link" href="https://www.inflearn.com/blogs/617" target="_blank" rel="noopener">공식 서포터즈</a> OMG입니다.
&nbsp;
<span style="font-size: 12pt; font-family: Arial;" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 OMG입니다.\n\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">onclick은 클릭 시 발생할 메서드(이벤트)를 지정할 수 있으며,
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 OMG입니다.\n\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">action은 &lt;form&gt;태그에서 사용하는 속성으로 서식 데이터(form data)를 서버로 보낼 때 해당 데이터가 도착할 URL을 지정한다고 보시면 됩니다.
&nbsp;
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 OMG입니다.\n\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">th:onclick에서 location.href에 의해 화면이동이 발생하여&nbsp; action과의 차이점이 있는지에 대한 궁금증이신 것으로 생각되는데요, action을 &lt;form&gt;바깥에서 사용할 수 있는지에 대한 것을 생각해보시면 좋을 것 같아요.
<span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;안녕하세요. 님, 공식 서포터즈 OMG입니다.\n\n감사합니다.&quot;}" data-sheets-userformat="{&quot;2&quot;:1063747,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;9&quot;:0,&quot;11&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Arial&quot;,&quot;16&quot;:12,&quot;23&quot;:1}" data-sheets-textstyleruns="{&quot;1&quot;:0}{&quot;1&quot;:10,&quot;2&quot;:{&quot;2&quot;:{&quot;1&quot;:2,&quot;2&quot;:1136076},&quot;9&quot;:1}}{&quot;1&quot;:17}" data-sheets-hyperlinkruns="{&quot;1&quot;:10,&quot;2&quot;:&quot;https://www.inflearn.com/blogs/617&quot;}{&quot;1&quot;:17}">감사합니다.

인프런 커뮤니티 질문&답변

th:action, th:onclick 차이