Vue + Spring Boot으로 파일과 DTO 함께 REST 통신하기 Spring Boot Controller 부분 @PostMapping 어노테이션 인자 중 를 로 설정 file(MultipartFile)과 DTO를 인자로 받기 위해 어노테이션 사용 이때 프론트에서 FormData() 객체 보내줄 때 key로 @RequestPart에서 설정한 value를 잘 설정해야함 Vue Axios 부분 file을 받는 input 태그 자체를 getElementById()로 받아와서 파일 배열의 첫번째 파일로 인덱싱하고 이를 파일 변수로 저장 room 객체는 new Blob()안에 을 통해 JSON 형식으로 변환한 뒤, t…

PUT vs PATCH PUT과 PATCH 모두 데이터를 수정하기 위한 목적 PUT 데이터가 없다면 새롭게 생성, 데이터가 존재한다면 새로운 값으로 덮어쓰기 서버에 데이터가 없을 경우 인자로 들어온 값을 새롭게 저장해주어야하므로 개체의 모든 속성이 완전한 상태여야함(일부 값만 보낼 경우 새롭게 생성 시 특정 속성은 null로 채워짐) PATCH 존재하는 데이터 중 일부 값을 변경 일부 값을 변경하기 위해 일부 값만 갖는 클래스(객체)를 생성하여 인자로 받음 PUT vs PATCH PUT PATCH