해당 컨트롤러에서는 기본적인 GET요청 POST요청시 사용자와 데이터를 주고 받는 방식에 대한 패턴에 대한 학습을 진행
어노테이션이란

@Controller 어노테이션
HTTP요청 처리 시작

Get요청의 처리 패턴
사용자로부터 GET요청을 받을 경우, url을 통해 원하는 데이터를 받아 추출
패턴1)@RequestParam사용
@RequestParam(value = "id")Long id
@ModelAttribute Member member
패턴2)@PathVariable사용
@GetMapping("/path/{inputId}")
@ResponseBody
public String path(@PathVariable Long inputId){
Post요청의 데이터 추출 패턴
사용자가 데이터를 등록, 수정하는 하는 경우에 Post요청이 사용되고, 스프링에서는 PostMapping어노테이션을 통해 사용자의 get요청을 처리
일반적으로 request 정보가 body부에 담겨오고 이를 처리 하는 방식
PostMapping 패턴1
Content-Type 헤더 application/x-www-form-urlencoded 또는 Multipart/form-data로 들어오는 경우
데이터가 내부적으로 name=John&[email protected]과 같은 형식
1-1)@RequestParam 사용
@RequestParam(value = "name")String inputName,
@RequestParam(value = "email")String inputEmail
1-2)@ModelAttribute사용
@ModelAttribute Member member
@ModelAttribute Member member,
@RequestParam(value = "photo")MultipartFile photo
PostMapping 패턴2
@RequestBody Member member
PostMapping 패턴3
@RequestPart을 사용하여 json과 파일을 함께 수신 처리
프론트엔드
js코드의 FormData객체 안에 json과 파일 요소를 각각 append
포스트맨으로 테스트할경우 form-data 형식에 각각 json문자열과 파일을 넣어전송

백엔드
그외 설정