AWS S3, CloudFront, Cloudflare를 활용한 포트폴리오 배포 가이드

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

인프라/DevOps/보안

대상자

웹 호스팅 및 클라우드 기초 지식이 필요한 초보자

난이도: 초보자 대상, 기술적 상세 사항 없음

핵심 요약

• AWS S3를 사용해 웹사이트 파일을 안전하게 저장 (index.html, CSS, JS 등)
• CloudFront로 전 세계 사용자에게 빠른 속도와 HTTPS 지원
• Cloudflare로 도메인 DNS 설정 및 프로페셔널 이메일(hello@yourdomain.com) 구축
• ACM으로 무료 SSL 인증서 제공 (AWS에서 자동 생성)

섹션별 세부 요약

1. S3 버킷 설정

• yourdomain.com과 www.yourdomain.com 두 개의 버킷 생성
• 메인 도메인 버킷에 Static Website Hosting 기능 활성화
• index.html, 이미지, CSS 등 웹사이트 파일 업로드

2. CloudFront 구성 (CDN + HTTPS)

• S3 버킷을 원본으로 설정하고 Legacy Access Identity 생성
• HTTP 요청을 HTTPS로 리디렉션 설정
• ACM 인증서를 CloudFront에 연결해 무료 SSL 적용

3. ACM 인증서 설정

• us-east-1 리전에서 yourdomain.com 및 *.yourdomain.com 인증서 요청
• DNS 검증을 통해 CNAME 레코드 생성 및 Cloudflare DNS에 등록

4. Cloudflare DNS 및 이메일 설정

• CNAME 레코드 추가: @ 및 www를 CloudFront 도메인으로 연결
• SSL/TLS 설정: Full 또는 Off (AWS가 HTTPS 처리)
• MX 레코드 추가로 이메일(hello@yourdomain.com) 수신 설정

5. 도메인 관리자 변경

• Namecheap 등 도메인 제공업체의 Nameserver를 Cloudflare의 xxx.ns.cloudflare.com으로 변경

결론

• AWS S3 + CloudFront + Cloudflare 조합으로 무료 SSL, 빠른 성능, 프로페셔널 이메일을 구현 가능
• CNAME 및 MX 레코드 설정은 도메인과 이메일 기능 활성화에 필수
• ACM 인증서는 us-east-1 리전에서만 생성 가능 (주의)