🌐 AWS로 도메인과 정적 웹사이트 연결하기

🌐 AWS로 도메인과 정적 웹사이트 연결하기

이 글에서는 AWS의 S3 + CloudFront + Route 53을 이용해서 정적 웹사이트를 도메인에 연결하는 과정을 소개합니다.

1️⃣ S3 버킷으로 정적 웹사이트 호스팅

1. S3 버킷 생성 (버킷 이름 = 도메인명, 예: www.example.com)
2. 정적 웹사이트 호스팅 설정
   • index 문서: index.html
   • 오류 문서: error.html (선택)
3. 퍼블릭 접근 허용: 퍼블릭 액세스 차단 해제
4. 버킷 정책 추가:

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::www.example.com/*"
    }
  ]
}

2️⃣ CloudFront 배포 생성

1. Origin Domain: S3 웹사이트 엔드포인트 입력
2. Origin Access Control(OAC) 설정 → 연결
3. Viewer Protocol Policy: Redirect HTTP to HTTPS
4. Default Root Object: index.html
5. OAC 권한을 S3에 부여:

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": {
        "Service": "cloudfront.amazonaws.com"
      },
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::www.example.com/*",
      "Condition": {
        "StringEquals": {
          "AWS:SourceArn": "arn:aws:cloudfront::ACCOUNT_ID:distribution/DISTRIBUTION_ID"
        }
      }
    }
  ]
}

3️⃣ Route 53에서 도메인 연결

1. Route 53에서 호스팅 영역 생성 (도메인: example.com)
2. 외부 도메인이라면 NS 레코드 Route 53 값으로 변경
3. A 레코드 (Alias) 추가:
   • 타입: A – Alias
   • Alias 대상: CloudFront 배포 선택

✅ 접속 테스트

브라우저에서 https://www.example.com 입력 → 정적 웹사이트가 정상적으로 뜨면 성공입니다!

📌 마무리

AWS의 도메인 연결 흐름은 한번 세팅해두면 매우 안정적이고 빠른 성능을 보장합니다. 향후 CI/CD나 GitHub Actions로 자동 배포하는 내용도 이어서 포스팅할 예정입니다.