S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [Intro]

시리즈 소개

어떤 글인가요?

• 아직 AWS에 익숙하지 않은 프론트엔드 개발자가
• 처음부터 차근차근 따라해서
• 자신이 소유한 도메인에 https를 붙여 배포하는

과정을 상세히 작성한 글입니다. 별도의 백엔드가 존재하지 않는 서버리스 앱을 AWS를 통해서 배포하고 싶은데 아직 인프라와 친하지 않아 막막함을 느낄 (저같은)분들이 부담없이 시작해 볼 수 있도록, 삽질했던 것들을 복기하고 정리해 보았습니다.

무엇을 할 수 있나요?

AWS의 다양한 서비스(S3, ACM, CloudFront, Route53)와 본인이 소유한 도메인을 이용해서 https로 페이지를 배포할 수 있습니다.

무엇을 준비해야 하나요?

• AWS 계정 (비용 발생합니다!)
• 배포할 프로젝트 (Production build)
• 사용할 도메인

어떤 순서로 진행되나요?

1. 배포할 프로젝트 준비
   1. 프로젝트 구현 및 배포용 빌드
   2. S3 버킷에 올리기
2. 도메인 등록 및 호스팅 설정
   1. 도메인 구입 및 등록
   2. ACM으로 SSL 등록
   3. CloudFront를 통한 배포 등록
   4. Route53을 통한 도메인 연결

Thanks To:

아직 AWS가 낮설어 이 문서가 나오기까지 많은 삽질을 했습니다. 이런저런 기초지식을 알려준 수민누나와 끈기있게 차근차근 도와준 경준이형에게 심심한 감사를 표합니다