Editor 완성!! feat.버그

사진을 업로드하는데 계속 버그가 뜬다...!

여기서 키워드는

No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

즉, CORS 차단되었다는 것이다

 

 

그래서 S3 콘솔로가서 CORS를 변경해주었다.

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag",
            "x-amz-meta-custom-header"
        ]
    }

 

그러고 다시 사진을 업로드 해보니

아직 안됨...

 

그래서 s3 400을 구글링 해보았다.

https://velog.io/@developerjhp/react-aws-s3-cors%EC%97%90%EB%9F%AC-bad-request-400

react-aws-s3 cors에러 (bad request 400)

 

여기서 설명해준대로 내 버킷의 아직 설정권한이 제대로 되지 않았던 것이다.

객체 소유권이 "버킷 소유자 적용"으로 되어 있는 것을 알게되었다.

이렇게 변경해줘라

 

그렇게 하고 이제 이미지를 업로드 해보았다!

 

드디어... 됬다...

 

변경전

 

먼저 길을 닦아주시고 정보공유를 해주신 선배 개발자들 감사하고 나도 그런 개발자가 될 것이라고 깊게 생각하게된 경험이었다.