[AWS] S3 Static Web Hosting (정적 웹호스팅)

 

 

 

 

 

 

## 소스파일 생성 (MainComponent.js)

 

 

 

 

 

 

 

## 실습

 

## 버킷 생성 (보유 도메인으로 생성)
- 모든 퍼블릭 액세스 차단 해재  (웹호스팅용)

 

 

 

 

## 생성 버킷 클릭

 

- 권한 -> 버킷정책 생성  (정책생성기 클릭)

 

   : Principal  (모든 사람들에게 오픈)
   : Actions    (GetObject)
   : ARN    (arn:aws:s3:::버킷명/*)   <-- 버킷안에 모든 오브젝트를 의미

 

 

- 속성 -> 정적 웹사이트 호스팅 클릭
   : React 웹을 호스팅시 반드시 둘다 index.html 을 설정  (멀티 페이지시 동작)

 

 

 

 

 

## React 페이지 빌드

 

 

 

 

## 빌드 소스 페이지 S3업로드

 

 

 

 

## S3엔드포인트로 정적웹사이트 접속
- https 접속으로 하려면 CloudFront 연동 필요

 

 

 

 

 

 

## Route53 도메인 연동
- 레코드 세트 생성 클릭

 

- test.filepocket.kr  접속 성공

 

 

 

 

 

 

 

 

https://www.youtube.com/watch?v=KFAOKeUeJUU&list=PLfth0bK2MgIap43UVuJjAbO4Wyj1gYHCL