AWS S3, CloudFront, Cloudflare를 활용한 개인 포트폴리오 웹사이트 구축 가이드

핵심 기술

AWS S3, CloudFront, ACM, 그리고 Cloudflare를 조합하여 빠르고 안전하며 무료 SSL을 지원하는 개인 포트폴리오 웹사이트를 구축하는 방법을 단계별로 안내합니다. 이 가이드는 웹 호스팅 및 클라우드 기술 초심자에게 적합합니다.

기술적 세부사항

• AWS S3: 정적 웹사이트 파일(HTML, CSS, JS, 이미지)을 저장하는 데 사용됩니다. 보안을 위해 Private으로 설정하며, 빌드된 프론트엔드 프레임워크(React 등)의 결과물을 업로드하는 팁을 제공합니다.
  • yourdomain.com (메인 사이트) 및 www.yourdomain.com (리디렉션) 두 개의 S3 버킷 생성
  • 메인 버킷에서 'Static Website Hosting' 활성화 및 파일 업로드
• AWS CloudFront: S3 버킷의 파일을 전 세계에 빠르게 배포하는 CDN 역할을 하며, HTTPS를 지원합니다.
  • S3 버킷을 오리진으로 설정하고, CloudFront에서만 S3 콘텐츠에 접근 가능하도록 'Origin Access Identity (OAI)' 설정
  • HTTP 트래픽을 HTTPS로 리디렉션
• AWS ACM (Certificate Manager): 무료 SSL/TLS 인증서를 발급받아 웹사이트에 HTTPS를 적용합니다. (us-east-1 리전 사용 필수, 와일드카드 인증서 포함)
  • CNAME 레코드를 Cloudflare DNS에 추가하여 인증서 발급 및 상태 확인
• Cloudflare: 도메인 DNS 관리 및 이메일 라우팅 기능을 제공합니다.
  • Cloudflare DNS에 @ 및 www에 대한 CNAME 레코드를 CloudFront 배포 도메인으로 설정
  • SSL/TLS 설정을 Full 또는 Off로 하여 AWS에서 HTTPS 처리하도록 함
  • Email Routing을 통해 hello@yourdomain.com과 같은 전문 이메일을 개인 Gmail 등으로 라우팅
  • 도메인 네임서버를 Cloudflare로 변경하여 관리

개발 임팩트

• 빠른 웹사이트 로딩 속도 및 글로벌 서비스 제공
• 무료 SSL 인증서를 통한 HTTPS 보안 강화 및 사용자 신뢰도 향상
• 전문적인 커스텀 도메인 및 이메일 주소 설정
• 클라우드 기반의 확장 가능하고 안정적인 웹사이트 인프라 구축 경험

커뮤니티 반응

(본문 내 커뮤니티 반응 언급 없음)