인프런 커뮤니티 질문&답변
작성한 질문수
단순히 이미지만 보내는게 아닐때
작성
·
205
답변 1
1
김시훈 (도도소프트)
지식공유자
아 혹시 지금 강의 초반부이신가요? 후반부에 가면 더 좋은 방법이 나오는데 이걸 보시면 이해가 되실거에요. 이미지 자체는 서버 거치지 않고 먼저 따로 S3에 저장을 하게 되요. 백엔드에는 더이상 formData를 보내지 않고 axios로 post를 날리게 됩니다. post 바디로 들어가는 내용은 회원정보 + S3에 저장된 이미지의 key가 되고요
회원가입 정보를 등록할때 이미지와 다른 정보를 다같이 FormData로 보냈을 경우,
회원의 프로필 이미지 img의 타입이 url인 string으로 저장되는데,
회원수정 페이지 관점에서 보면, 서버로부터 온 img는 string이고
수정페이지에서 신규로 이미지를 등록하면 FormData 형식이고...
컴포넌트 내에서 typescript를 따지면서
기존 이미지가 없거나 있을경우, 기존 이미지를 삭제할경우, 신규 이미지를 등록할 경우를 다 따져서 관리한다고 했을때 어떤식으로 관리하면 좋나요?
FormData로 회원수정을 처음 작성하려다보니 좀 헷갈리네요, 고수님의 팁좀 얻을수 있을까요?