기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

# 버킷에 대한 교차 오리진 리소스 공유(CORS) 설정
<a name="access-grant-cors"></a>

웹 앱에서 사용하는 모든 버킷에 대해 교차 오리진 리소스 공유(CORS)를 설정해야 합니다. *CORS 구성*은가 버킷에 액세스하도록 허용할 오리진을 식별하는 규칙을 정의하는 문서입니다. CORS에 대한 자세한 내용은 [CORS(Cross-Origin Resource Sharing) 구성을](https://docs.aws.amazon.com/AmazonS3/latest/userguide/enabling-cors-examples.html?icmpid=docs_amazons3_console) 참조하세요.

**중요**  
CORS를 설정하지 않으면 최종 사용자가 웹 앱의 위치에 액세스하려고 할 때 오류가 발생합니다.

**Amazon S3 버킷에 대한 교차 오리진 리소스 공유(CORS)를 설정하려면**

1. 에 로그인 AWS Management Console 하고 [https://console.aws.amazon.com/s3/](https://console.aws.amazon.com/s3/) Amazon S3 콘솔을 엽니다.

1. 왼쪽 탐색 패널에서 **버킷**을 선택하고 검색 대화 상자에서 버킷을 검색한 다음 **권한** 탭을 선택합니다.

1. **CORS(Cross-Origin Resource Sharing)**에서 **편집**을 선택하고 다음 코드에 붙여 넣습니다. *WebAppEndpoint*를 웹 앱의 실제 액세스 엔드포인트로 바꿉니다. 이는 웹 앱이 생성될 때 생성되는 VPC 호스팅 또는 퍼블릭 액세스 엔드포인트이거나, 생성할 경우 사용자 지정 액세스 엔드포인트일 수 있습니다. 사용자가 웹 앱에 로그인하려고 할 때 오류가 발생하므로 후행 슬래시를 입력하지 마십시오.
   + 잘못된 예: `https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws/`
   + 올바른 예제:
     + `https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws`
     + `https://vpce-05668789767a-fh45z079.vpce-mq.transfer-webapp.us-east-1.on.aws`

   버킷을 여러 웹 앱에 재사용하는 경우 해당 엔드포인트를 `AllowedOrigins` 목록에 추가합니다.

   ```
   [
     {
       "AllowedHeaders": [
         "*"
       ],
       "AllowedMethods": [
         "GET",
         "PUT",
         "POST",
         "DELETE",
         "HEAD"
       ],
       "AllowedOrigins": [
         "https://WebAppEndpoint"
       ],
       "ExposeHeaders": [
         "last-modified",
          "content-length",
         "etag",
         "x-amz-version-id",
         "content-type",
         "x-amz-request-id",
         "x-amz-id-2",
         "date",
         "x-amz-cf-id",
         "x-amz-storage-class",
         "access-control-expose-headers"
        ],
       "MaxAgeSeconds": 3000
     }
   ]
   ```

1.  **변경 사항 저장**을 선택하여 CORS를 업데이트합니다.

CORS 구성을 테스트하려면 [CORS 테스트를](https://docs.aws.amazon.com/AmazonS3/latest/userguide/testing-cors.html) 참조하세요.