화면
.gif&blockId=76b1525c-8d69-4df3-8502-691b3e52a841)
배경
사용자가 프로필을 변경 할 경우 이미지 서버에 등록하고 반영 합니다.
구현한 기능
•
BE
이미지 업로드
S3 버킷을 이용하여 외부 이미지 스토리지를 구현 하였으며 api를 통해 요청온 multipart file
을 가공하여 S3로 업로드합니다. 이미지의 최대크기는 10MB로 설정하였습니다. :)
user정보의 img 링크를 업로드한 링크로 변경됩니다.
•
FE
이미지 업로드 전
- 사용자가 업로드 하려는 이미지의 유형이 JPEG 또는 PNG에 해당 하는지와 크기가 10MB 이하인지 검사합니다. 조건 외에 해당 한다면 서버로 요청을 보내기 전 사용자에게 경고 메시지를 출력합니다.
이미지 업로드
- 해당 이미지는 FormData 객체에 담겨 ‘POST’ 요청으로 전송되며, 서버로부터 응답 받은 데이터에 포함된 이미지 URL을 상태 관리하여 업데이트합니다.