이번 포스트에서는 기존에 했었던 Vercel이 아닌, aws의 s3를 활용하여 정적 배포에 대해 소개하고자 한다.
s3배포를 위해서는 버킷을 만들어야 한다.
s3로 이동해, 버킷 만들기를 클릭하여 버킷 이름을 설정한다.
객체 소유권은 비활성화 처리
버킷 퍼블릭 액세스 차단을 해제해서 나중에 올릴 assets에 있는 이미지, 폰트들이 외부에서 접근 가능하게 하도록 한다.
그렇게 생성된 버킷으로 들어가,
npm run build를 통해 생성된 dist 폴더 안에 내용물을 업로드 한다.
그다음 속성탭에 들어가 정적웹사이트를 활성화한다.
그다음, 권한 탭에 들어가
정책 편집기 생성을 클릭하여 이동한 사이트에서, 아래와 같이 설정 및 getObject를 클릭하여 설정하고
Add Statement를 눌러 생성된 정책을 복사한 후 아래 버킷 정책에 붙여넣는다.
그럼 이제 속성탭 아래에 있는 정적 웹사이트 호스팅 탭에서 설정된 앤드포인트로 배포된 우리 프로젝트를 확인할 수 있다.
하지만 현재 배포된것은 http 옵션으로 보안이 취약하고 서버에서 https:// 로 구현해놓았다면
연결이 진행되지 않을 것이다. 따라서
다음으로는 cloudFront를 활용한 https 배포에 대해 작성하겠다.
'패스트캠퍼스 데브캠프' 카테고리의 다른 글
파이널 프로젝트 - (10) aws CloudFront 배포에서 발생했던 오류들 (0) | 2025.04.04 |
---|---|
파이널 프로젝트 - (9) aws CloudFront https 배포 (0) | 2025.04.04 |
파이널 프로젝트 - 내 프로젝트 (7) - Tanstack-Query useInfinity (0) | 2025.04.04 |
파이널 프로젝트 - 회원가입 (6) - 로그인 (0) | 2025.04.04 |
파이널 프로젝트 - 회원가입 (6) - 카카오/구글 로그인 (0) | 2025.04.04 |