• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

이미지 업로드후 이미지리스트에 썸네일이 보여지기 전까지 403오류가 나요

21.08.23 17:24 작성 조회수 202

1

cdn 설정을 하고, imageurl 코드로 바꿔주고 이미지 업로드를 하면

썸네일이 뜨기전까지 시간이 몇초 걸리는데

이미지가 완전히 이미지리스트에 썸네일이 뜨기전까진 

저렇게 403 에러가 반복적으로 뜨다가 사진이 뜨면 403 에러가 멈추는현상이 발생합니다.

답변 1

답변을 작성해보세요.

1

강전욱님 안녕하세요 :)

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

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

1. presignedUrl 서버에 요청하기

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

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

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

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

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

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

강전욱님의 프로필

강전욱

질문자

2021.08.23

아 그런거군요 이해했습니다~!  감사합니다