S3에서 파일 업로드를 위한 CORS 처리

우리가 만드는 노트 앱에서 사용자들은 방금 생성한 버킷에 파일을 업로드할 것입니다. 그리고 앱이 커스텀 도메인을 통해 제공되기 때문에, 파일 업로드 시 도메인 간 통신이 발생합니다. 기본적으로 S3는 다른 도메인에서 리소스에 접근하는 것을 허용하지 않습니다. 하지만 교차 출처 리소스 공유(CORS)는 한 도메인에서 로드된 클라이언트 웹 애플리케이션이 다른 도메인의 리소스와 상호작용할 수 있는 방법을 정의합니다.

이전 챕터와 마찬가지로, Bucket 컴포넌트는 기본적으로 CORS를 활성화합니다.

new sst.aws.Bucket("Uploads", {
  // 기본적으로 활성화됨
  cors: true,
});

이 설정을 더 세부적으로 구성할 수 있습니다. 여기에서 자세히 알아보세요.

new sst.aws.Bucket("Uploads", {
  cors: {
    allowMethods: ["GET"]
  }
});

변경 사항 커밋하기

변경 사항을 커밋하고 GitHub에 푸시해 보겠습니다.

$ git add .
$ git commit -m "CORS 활성화"
$ git push

이제 서버리스 백엔드를 사용해 프론트엔드 React 앱을 만들 준비가 되었습니다!