• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

단순히 이미지만 보내는게 아닐때

22.06.30 16:46 작성 조회수 130

0

회원가입을 한다고 가정할때,
 
각종 다른 정보랑 프로필 이미지를 post 한다고 할때는
 
어떠한 방식으로 보내야 하는건가요?

답변 1

답변을 작성해보세요.

1

음 강의에서 나오는 방식으로 동일하게 하시면 되요.

 

이미지 키를 백엔드에 전송할 때 회원 가입 정보를 같이 보내면 되요

무자본님의 프로필

무자본

질문자

2022.07.09

회원가입 정보를 등록할때 이미지와 다른 정보를 다같이 FormData로 보냈을 경우,

회원의 프로필 이미지 img의 타입이 url인 string으로 저장되는데,

 

회원수정 페이지 관점에서 보면, 서버로부터 온 img는 string이고

수정페이지에서 신규로 이미지를 등록하면 FormData 형식이고...

컴포넌트 내에서 typescript를 따지면서

기존 이미지가 없거나 있을경우, 기존 이미지를 삭제할경우, 신규 이미지를 등록할 경우를 다 따져서 관리한다고 했을때 어떤식으로 관리하면 좋나요?

FormData로 회원수정을 처음 작성하려다보니 좀 헷갈리네요, 고수님의 팁좀 얻을수 있을까요?

아 혹시 지금 강의 초반부이신가요? 후반부에 가면 더 좋은 방법이 나오는데 이걸 보시면 이해가 되실거에요. 이미지 자체는 서버 거치지 않고 먼저 따로 S3에 저장을 하게 되요. 백엔드에는 더이상 formData를 보내지 않고 axios로 post를 날리게 됩니다. post 바디로 들어가는 내용은 회원정보 + S3에 저장된 이미지의 key가 되고요