inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

상품 수정

form태그 url과 button태그 url

252

Lego

작성한 질문수 20

0

th:onclick="|location.href='@{/basic/items/{itemId}(itemId=${item.id})}'|"

이 button 태그를 form태그가 더 큰 범위에서 둘러싸고 있습니다.

<form action="item.html" th:action method="post">

th:action으로 현재 페이지로 url이 설정돼있고 http 메서드 방식은 post 방식인데

 

1. editForm에서 취소 버튼을 누르면 <button> 태그에서 지정한 url로 이동하는 이유가 세부적으로 지정해줬기 때문인가요???

  1. 취소 버튼을 눌렀을 때 post 방식으로 이동하는 것인가요?

  2. 2번이 맞다면 보내는 데이터가 없으니까 Get방식이어야 하는 것 아닌가요?

spring mvc

답변 1

2

y2gcoder

안녕하세요, Lego 님. 공식 서포터즈 y2gcoder 입니다.

주신 질문들은 전부 html 태그 중 button 태그의 기능에 대해서 질문을 주신 것으로 보입니다. 하나씩 답변드리도록 하겠습니다 :)

editForm에서 취소 버튼을 누르면 <button> 태그에서 지정한 url로 이동하는 이유가 세부적으로 지정해줬기 때문인가요???

=> 취소 버튼의 type button으로 되어 있습니다. button의 타입이 button이면 기본적으로는 아무 동작도 하지 않습니다. 거기에 저희는 location.href의 기능과 html 태그의 onclick 속성을 이용해 취소 버튼을 눌렀을 때 화면을 이동하는 기능을 추가한 것입니다.

취소 버튼을 눌렀을 때 post 방식으로 이동하는 것인가요?

=> 아닙니다. form 태그 안에 있기는 하나 해당 버튼은 type이 button이고 아무 기능이 없던 것에 onclick과 location.href로 기능을 추가한 것입니다. 그리고 location.href를 사용하면 잘 아시는 anchor 태그(<a>)와 같이 GET 방식으로 이동하게 됩니다 :)

2번이 맞다면 보내는 데이터가 없으니까 Get방식이어야 하는 것 아닌가요?

=> 해당 부분은 결론적으로는 맞는 말씀이기는 하나 GET, POST 방식의 차이에 대해서 잘못 알고 계신 것 같습니다. GET 또한 쿼리 스트링을 통해 데이터를 전달할 수 있습니다. 두 메서드는 사용하는 목적에 따라 구분하는 것이 맞습니다. GET은 리소스를 조회하는 것에, POST는 요청 데이터를 처리(주로 등록)하는 것에 사용한다는 차이가 있습니다. 두 메서드 간의 차이에 대해서 좀 더 궁금하시다면 영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 수강해주시길 권해드립니다.

감사합니다.

1

Lego

친절한 답변 감사드립니다!

0

y2gcoder

파이팅입니다!

servlet과 container에 대한 질문입니다

0

25

1

api를 어느 컨트롤러에 작성해야하는지는 어떤 기준으로 해야하나요?

0

64

1

jsp 의존성 수정 요청

0

79

2

요즘 웹 서버가 주로 사용되는 이유는 SPA 구조 때문일까요 ?

0

143

1

save() 메서드 문의

0

67

1

절대 경로로 templates/basic 하위 파일 열면 css 적용 안되는 현상

0

101

1

request-body-json

0

83

2

MVC 패턴의 적용 단위

0

97

1

RequestMapping을 이용한 핸들러, 어댑터

0

119

2

save 후 결과화면

0

89

2

jsp를 이용한 view

0

97

1

application.properties에 debug 추가해도 결과가 똑같습니다.

0

178

1

수업 코드 제공 관련 문의

0

97

2

RequestMappingHandlerAdapter의 Controller 호출 과정

0

100

3

파일 오픈 시

0

70

1

스프링 배치 관련

0

78

1

@RequestParam의 defaultValue가 blank 값도 처리하는 지 여부

0

112

1

postman으로 /request-body-json-v1 호출시 500 error

0

95

1

프론트엔드와 백엔드의 mvc, rest api에 대한 질문

0

79

1

모델의 역할과 계층 분리에 대한 이해 차이 + 추가질문

0

111

1

console log 출력 관련 질문입니다.

0

75

1

애플리케이션이 실행 되지 않습니다 ㅠㅠㅠ

0

139

1

html 변경하는 부분 적용 문제

0

103

1

한글 깨짐

0

76

2