
AWS S3 + CloudFront로 SPA 배포하기 (React, Vue)

·
Setting
개요AWS 클라우드 비용 절감 작업을 진행하면서,잘 사용하지 않을 정적 리소스는 S3에 올리는 방향으로 결정했다. 따라서 SPA(Single Page Application)로 이루어진 프론트 배포도 S3로 진행하고자 했는데,간단한 작업이지만 잘못 정리된 포스팅들이 많았어서 절차를 직접 정리하고자 한다. S3먼저 AWS 콘솔에서 S3에 진입하여 버킷 만들기 버튼을 눌러서 버킷을 생성하자.버킷 이름 : 아무렇게나 생성해도 무방하다.객체 소유권 : ACL 비활성화모든 퍼블릭 액세스 차단 : 체크 (추후 CloudFront에서 버킷에 접근할 수 있는 권한을 설정하기 때문에 불필요)버킷 버전 관리 : 필요에 따라 설정이렇게 구성한 뒤 버킷을 생성하자.작성 시점 기준으로 버킷 이름만 작성한 뒤 모두 기본값으로 두고..