nclovehs8572

HTTP 메시지 컨버터 2부 JSON 강좌 영상 7:50 부분이 지금 제가 문의 드렸던 내용과 같은 이유라고 생각 됩니다. (강좌를 처음부터 보지 않은 덕택에 더 많이 공부하고 있음에 감사합니다 ^^;)

그래서 HTTP Message 구조를 찾아 보았습니다.
<a href="https://developer.mozilla.org/ko/docs/Web/HTTP/Messages" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/ko/docs/Web/HTTP/Messages</a>
HTTP Message는 시작줄, Header, Body으로 이루어 지는데&nbsp; 리소스를 가져오는 요청은 본문이 필요가 없고, 업데이트를 하기 위한 요청&nbsp; 정보에 본문을 이용한다.
그래서 POST 요청을 보내는 정보는 Body에 들어가고@RequestBody 어노테이션은 그 HTTP Message Body 값을 읽는다. 라고 이해 했습니다.

그런데 이해가 안 되는 부분이 있습니다.
HTML 에서 Submit 할 때의 Form data와 브라우저 주소창에 입력하는 Query String은 Http Message에서 Body에 들어가지 않으면 Header 부분에 들어 가게 되는건가요?&nbsp;
PostMan 프로그램데 Body 탭에 form-data, x-www-form-urlencoded, raw, binary가 함께 있는데 실제 Post Man에서 요청을 보낼 때는 다른 구조의 Http Message가 생성되는 건가요?

오늘도 좋은 하루 보내세요~

@ModelAttribute 바인딩이 되지 않습니다.

Http Request 어떻게 이루어져 있는지 정확히 몰라서 이해가 안 되었나 봅니다.
요청을 보내면 Header와 Body로만 이루어져 있다고 생각 했었습니다.
말씀주신대로 다시 강좌도 다시 보고Form data와 Request Body (Payload)에 대해서도 찾아봐야 겠습니다.
예전에는 그냥 그려려니 했던 Expressjs Request Parser 가 두 가지 다른 타입을 처리하는 이유도 말씀 주신 내용과 동일한 이유일 것이라고 생각되는군요.
<pre class="language-javascript"><code>app.use(bodyParser.json()) // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })) // for parsing application/x-www-form-urlencoded</code></pre>

매일밤 답변 달아주셔서 정말 감사합니다.
행복한 하루 보내세요.

저는 그냥 스프링 부트 프로젝트를 사용하지 않고 Spring 4.3.13 Release를 사용한 팀 프로젝트에서 기선님 강좌를 따라해도 큰 문제는 없을 것이다 라고 생각을 갖고
@ModelAttribute를 사용해 보려고 한 것인데, 원하는 결과를 얻지 못해서 질문을 드렸습니다.

하지만 어제부터 하루 종일 이것 저것 고쳐 보아도 원하는 결과를 얻지 못해서 (ContentType에 문제가 있어서 바인딩을 하지 못 하는 것인가 생각 했습니다)
오늘 아침 "핸들러 메소드 4부 폼 서브밋" 강좌와 동일하게 스프링 부트 프로젝트를 새로 생성해서 테스트 해보았습니다.
1. 스프링 부트 프로젝트 생성
 web, thymeleaf 참조
2. Person Vo class 생성 (getter, setter 생성)
<pre class="language-java"><code>private int age;
private String firstName;
private String lastName;
private boolean gender;</code></pre>
3. MainController 생성
<pre class="language-java"><code>@Controller
public class MainController {

	@GetMapping("/person")
	public String getPerson(@ModelAttribute("person") Person person, Model model) {
		return "/person";
	}

	@PostMapping("/person")
	@ResponseBody
	public Person person(@ModelAttribute("person") Person person, Model model) {
		return person;
	}
}
</code></pre>

4. templates 하위에 person.html 생성
<pre class="language-markup"><code><!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
 <form action="#" th:action="@{/person}" method="post" th:object="${person}">
 <input type="text" th:field="*{age}" />
 <input type="text" th:field="*{firstName}" />
 <input type="text" th:field="*{lastName}" />
 <input type="text" th:field="*{gender}" />
 <input type="submit" value="Submit" />
 </form>
</body>
</html></code></pre>
이렇게 준비해서 실제 프로젝트 Run 후에 localhost:8080/person 접속 후 값을 채워 submit을 하면 person 객체가 json 형식으로 브라우저에 표시 되었습니다.

그리고 나서 강좌에서 보여주신대로 postman을 실행해서
- Get 방식으로 호출해서 html 결과가 표시 되는 것을 확인 (정상 동작)
- POST 방식
 - form-data 방식 Header 추가 되지 않았음
 > 정상 동작
 - x-www-form-urlencoded 방식 Header에 Content-Type = application/x-www-form-urlencoded 자동 추가 되었음
 > 정상 동작
 - raw 방식 Header에 Content-Type = application/json 자동 추가 되었음
 { // 요청 값
 "age": 99
 , "firstName": "Nathan"
 , "lastName": "Cho"
 , "gender": true
 }
 > 값이 초기화 상태인 Person 객체가 전달 됨.
왜 이 경우에 값이 바인딩 되지 않는 것인가요? (원하지 않은 결과입니다. age, gender에 올바르지 않은 값을 보내도 Bad Request 에러가 발생하지 않습니다.)
 > 이 경우에는 @PostMapping 어노테이션을 사용한 컨트롤러 함수에서 @ModelAttribute 대신 @RequestBody 어노테이션을 이용하는 것이 올바른 방법 인가요? (@RB를 사용했더니 원하는 결과를 얻을 수 있었습니다.)
 > @RequestBody와 @ModelAttribute 어노테이션이&nbsp; 정확하게 어떠한 상황에서 사용을 해야 맞는것인지 궁금합니다.&nbsp;
 
긴~ 질문 읽어주셔서 감사합니다.
PS - 추가 테스트
@ModelAttribute 붙였을 때
form-data 방식: 바인딩 정상
x-www-form-urlencoded 방식: 바인딩 정상
raw - json 방식: 바인딩 되지 않음
@RequestBody 붙였을 때
form-data 방식: 415 Unsupported Media Type
x-www-form-urlencoded 방식: 415 Unsupported Media Type
raw - json 방식: 바인딩 정상

답변 주신 내용을 제가 잘 이해하지 못 하고 있는 것 같습니다. 이해부탁 드립니다.
1. 요청 본문에 있는 값을 바인딩 받으려면 @RequestBody도 같이 사용해야 합니다.
> @ModelAttribute @RequestBody TestVo testVo 이렇게 써야 2개의 어노테이션을 함께 사용 한다는 말씀이신가요? 아니면 Post 요청을 받을 때는 @ModelAttribute 대신 @RequestBody 어노테이션을 사용해야 한다는 말씀이신가요?

2. @RequestBody가 없을 때는 request attribute에 들어 있는 값들로 바인딩을 하는데, 보통 화면에서 form 서브밋하거나, URL 뒤에 쿼리 매개변수로 넘겨주면 그쪽으로 들어가죠.
> Post 요청일 때만 Http Message 에서 Request Body (요청 본문) 이 생성되어 전달 되는데 @ModelAttribute로는 그 값을 읽을 수 없다는 말씀이신가요?
Http Message에 관련해서는 아래 링크 참고했습니다.
<a href="https://developer.mozilla.org/ko/docs/Web/HTTP/Messages" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/ko/docs/Web/HTTP/Messages</a>
###
본문은 요청의 마지막 부분에 들어갑니다. 모든 요청에&nbsp;본문이 들어가지는 않습니다.&nbsp;<code style="margin: 0px; padding: 0px 2px; border: 0px; background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; font-family: consolas, 'Liberation Mono', courier, monospace; overflow-wrap: break-word; color: #333333; font-size: 16px; letter-spacing: -0.04448px;">GET</code>,&nbsp;<code style="margin: 0px; padding: 0px 2px; border: 0px; background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; font-family: consolas, 'Liberation Mono', courier, monospace; overflow-wrap: break-word; color: #333333; font-size: 16px; letter-spacing: -0.04448px;">HEAD</code>,&nbsp;<code style="margin: 0px; padding: 0px 2px; border: 0px; background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; font-family: consolas, 'Liberation Mono', courier, monospace; overflow-wrap: break-word; color: #333333; font-size: 16px; letter-spacing: -0.04448px;">DELETE</code>&nbsp;,&nbsp;<code style="margin: 0px; padding: 0px 2px; border: 0px; background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; font-family: consolas, 'Liberation Mono', courier, monospace; overflow-wrap: break-word; color: #333333; font-size: 16px; letter-spacing: -0.04448px;">OPTIONS</code>처럼 리소스를 가져오는 요청은 보통 본문이 필요가 없습니다. 일부 요청은 업데이트를 하기 위해&nbsp;서버에 데이터를 전송합니다. 보통&nbsp;(HTML 폼 데이터를 포함하는)&nbsp;<code style="margin: 0px; padding: 0px 2px; border: 0px; background-color: rgba(220, 220, 220, 0.5); border-radius: 2px; font-family: consolas, 'Liberation Mono', courier, monospace; overflow-wrap: break-word; color: #333333; font-size: 16px; letter-spacing: -0.04448px;">POST</code>&nbsp;요청일 경우에 그렇습니다.
###&nbsp;

method = RequestMethod.GET 과 (@ModelAttribute MyType myType)를 사용하면 myType에 값이 채워지는데.
method = RequestMethod.POST를 했을 때는 채워지지가 않습니다.
강좌에서 @Test postEvent() 테스트에서 post 방식으로도 받을 수 있는 것을 보여 주셨는데. 왜 저는 RequestMethod.POST 방식으로 @ModelAttribute 어노테이션을 사용했을 때 값이 바인딩 되지 못하는지 너무 궁금합니다.

ps
유투브 영상에서 테스트 코드 작성 관련 내용을 말씀 하신 것을 들었는데... 저는 작성을 하지 않아서 부끄럽습니다...

nclovehs8572

投稿