인프런 커뮤니티 질문&답변

강전욱님 안녕하세요 :)

이건 저희가 원하는 현상입니다!

클라이언트(리엑트)에서의 이미지 업로드 상황을 정리하면 다음과 같은데요:

1. presignedUrl 서버에 요청하기

2. presignedUrl 이용해서 S3로 이미지 원본 업로드하기

3. S3이 이미지 원본 업로드가 완료되면 서버에 이미지 관련 데이터 POST하기

4. 사진 리스트에 이미지 추가 해주기 -> 여기서 원본이 아니라 리사이징된 이미지를 보여줍니다

2. 이 완료되는 시점에 aws lambda가 새로운 이미지 원본이 저장되었음을 감지하고 클라이언트/서버에서 진행되는 과정들과 별개로 독립적으로 리사이징 작업을 합니다

사진 크기에 따라 리사이징은 시간이 초단위로 소요될 수 있기 때문에 리사이징된 이미지를 보여주려고 하는 4. 단계에 이미지 리사이징이 아직 완료가 되지 않았을 가능성이 높아요. 클라이언트가 리사이징 완료여부를 따로 응답 받지 않아요. 하지만 몇초내로 리사이징 된 이미지를 불러올 수 있다는걸 알지요.

그래서 리사이징된 이미지를 settimeout + hashing으로 GET을 시도하죠. 아직 리사이징이 완료되지 않아서 GET이 실패하는거에요. 그러다가 리사이징이 완료되어서 리사이징된 이미지를 불러오면 더 이상 오류가 생기지 않는겁니다