Travis CI로 AWS S3에 SPA 배포하기

이 게시물은 Travis CI를 활용하여 AWS S3에 SPA를 배포하는 방법을 설명합니다.

프로젝트 구성

• 개발팀은 CI/CD 도입을 목표로 하며, 기본 빌드 환경 설정은 create-react-app을 사용합니다.
• develop 브랜치의 최신 커밋이 Staging 사이트에 배포됩니다.

S3 업로드 설정

빌드 결과물은 S3 버킷에 업로드되며, 보안 키는 암호화하여 관리합니다.
CloudFront는 S3를 오리진으로 설정하고, index.html을 기본 루트 객체로 지정하여 SPA 라우팅을 지원합니다.
마지막으로 Slack 알림을 통해 배포 완료 알림을 설정합니다.