🖥 AWS

[AWS] S3 Bucket 생성 방법, 정적 웹사이트 호스팅 방법

MinChan-Youn 2025. 4. 21. 21:00

안녕하세요~ 챠니입니다! :)

이번에는 S3 Bucket 생성 및 정적 웹사이트 호스팅 방법에 대해서 알아보겠습니다.

 

 

 

AWS S3 Bucket 생성

 

AWS메인에서 S3를 검색하여 들어갑니다.

 

 

"버킷 만들기" 클릭

 

 

우측상단의 사진이 버킷을 생성하고자하는 리전의 위치를 설정하고

-> 맨 밑에 "버킷 만들기" 클릭
(Ex. 서울, 미국 등)

 

리전이 어디에 있느냐에 따라 전송속도가 달라질 수 있겠죠?

 

 

 

정상적으로 버킷이 만들어진것을 알 수 있습니다.

 

 

 

 

 

 

 

 

 

 

 

 

AWS 정적 웹사이트 호스팅 방법

 

정적 웹사이트 호스팅을 적용할 버킷 클릭!

 

 

 

 

"속성" 클릭

 

 

 

 

 

최하단에서

"정적 웹 사이트 호스팅" -> "편집" 클릭

 

 

 

 

 

정적 웹 사이틀 호스팅을 "활성화"

* 인덱스 문서: 제일 기본 페이지 (ex. index.html)

* 오류 문서(ex. error.html)

* 리디렉션 규칙등 필요한 정보등을 입력

 

모두 입력했으면 변경사항 저장 클릭!

 

 

 

S3 정적 웹 사이트 호스팅이

정상적으로 활성화 된것을 알 수 있습니다.

 

 

 

다음은 버킷메뉴에서 "권한"으로 이동하겠습니다.

 

 

 

 

퍼블릭 액세스 차단(버킷 설정)의 "편집"으로 이동!

 

 

 

"모든 퍼블릭 액세스 차단" -> "해제"

변경 사항 저장합니다.

 

 

 

해당설정을 진짜 편집하겠는지에 대한 확인 문구를 입력합니다.

"확인" 입력

 

 

 

 

"버킷 정책" -> "편집" 클릭

 

(이동된 페이지에서) "버킷 정책" -> "정책 생성기" 클릭

 

 

 

(여기가 조금 복잡할 수 있는데, 어렵지 않습니다!)

1. Select Type of Poily: "S3 Bucket Policy" 설정

2. Principal: "*" 입력

3. Actions: "GetObject" 체크해서 추가

 

 

 

Amazon Resource Name(ARN)에는

아래 버킷 ARN을 입력하고

뒤에 "/*"를 추가합니다.

{ARN주소}/*       이런 형태가 되겠죠?

 

모두 입력했으면

"Add Statement" 클릭

 

 

"Generate Poilcy" 클릭

 

 

 

빨간 네모칸안에 있는 내용을 모두 복사합니다.

[해당 JOSN 내용은 붙여넣은 ARN 주소에서

"{ARN주소}/*" 모든 주소에 대해서 URL 접근?을 허용한다! 라고 생각하시면 됩니다 ㅎㅎ]

 

 

 

버킷 정책 편집에서

정책에 위의 JSON 내용을 붙여넣기

변경 사항 저장 클릭

 

 

 

 

마지막으로 정적 웹호스팅이 되는지 체크하기위해서는

1. 버킷페이지 "객체" 탭에서 바로 접근하기위한 파일을 하나 추가합니다.
(ex. *.jpg, *.html 모두 가능)

 

 

 

2. 속성탭에서

"버킷 웹 사이트 엔트포인트" 주소를 확인한다.

 

 

 

3. 크롬탭에 정적 페이지 전체 URL을 입력합니다.

{버킷 웹 사이트 엔트포인트(ex. http://abcd.com}/{객체에 업로드한 파일 이름 (ex. abc.jpg)

 

 

 

끝.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

질문 또는 궁굼한 부분은 댓글을 남겨주세요! 친절하게 답변드리겠습니다!

응원의 댓글은 저에게 큰 힘이 된답니다! :)

즐거운 하루되세요!

 

깃허브 보러 놀러오세요 👇 (맞팔환영)

https://github.com/younminchan

 

younminchan - Overview

•🇰🇷/👨🏻‍💻/🖥/⚽️/🎤/🥁/🏃‍♂️/🚴‍♂️/🏄🏻‍♂️/🤟 •TechBlog⬇️ •안드로이드 5년차 개발자 https://minchanyoun.tistory.com - younminchan

github.com

 

 

반응형