React, Next.js 정적 빌드, 포트폴리오 사이트 등을 전 세계에 빠르고 안전하게 배포하는 가장 기본적인 AWS 패턴입니다.
AWS에서 가장 먼저 배우기 좋은 패턴이며, 서버 없이 월 $5 이하로 글로벌 서비스를 운영할 수 있습니다.
CI/CD 파이프라인과 결합하면 git push 한 번으로 전 세계 배포가 완료됩니다.
🏗️ 이 패턴을 사용하면 좋은 경우: 회사 소개 사이트, 포트폴리오, 기술 블로그, 문서 사이트, SPA 호스팅
아키텍처 다이어그램
다이어그램 로딩 중...
요구사항
장단점 비교
비용 시뮬레이션
💰 월 비용 예시 (1만 DAU, 페이지당 2MB)
S3 스토리지: 500MB × $0.023/GB = $0.01
CloudFront: 600GB 전송 × $0.085/GB = $3.40
Route 53: 호스팅 존 $0.50 + 쿼리 = $0.90
ACM: 무료
Lambda@Edge: 리다이렉트 처리 = $0.10
합계: ~$4.41/월
EC2 + Nginx라면: t3.micro ($8) + EIP ($4) + 도메인 ($1) + 직접 운영 = $13+/월
💡 무료 티어: S3 5GB, CloudFront 1TB/월 전송, Route 53 호스팅 존 제외 — 개인 사이트라면 거의 $0!
실전 팁
⚠️ 주의할 점:
S3 버킷을 퍼블릭으로 열지 말 것 — CloudFront OAC(Origin Access Control)로 접근 제한
ACM 인증서는 반드시 us-east-1 리전에서 발급해야 CloudFront에 연결 가능
CloudFront 캐시 TTL 설정 주의 — 배포 후 이전 버전이 캐싱되어 보일 수 있음
SPA 라우팅 시 CloudFront 커스텀 에러 페이지에서 403/404 → index.html 반환 설정
S3 버킷 이름은 도메인과 동일하지 않아도 됨 — OAC 방식에서는 무관
CloudFront Functions는 Lambda@Edge보다 저렴하고 빠름 — 단순 리다이렉트에 적합