이것저것 해보기🌼

[AWS TechCamp] AWS 핵심 서비스로 웹 애플리케이션 구축하기 ⑥ - 정적 웹사이트 호스팅 본문

AWS

[AWS TechCamp] AWS 핵심 서비스로 웹 애플리케이션 구축하기 ⑥ - 정적 웹사이트 호스팅

realtree 2024. 6. 25. 18:08

실습 안내

본 실습은 2024년  AWS TechCamp에서 진행한 AWS 핵심 서비스로 웹 애플리케이션을 구축하는 방법에 대한 실습입니다.

 

AWS TechCamp 바로가기

https://aws.amazon.com/ko/events/seminars/aws-techcamp/

 

AWS TechCamp

AWS TechCamp 온라인 세션의 경우 3월 (Modern App) 6월 (AI/ML), 9월 (Data), 11월 (Every App) 총 4회 제공합니다. 세션은 3일 동안 진행되며 클라우드 클라우드 서비스가 생소한 분들을 위한 기초 과정 (레벨 100)

aws.amazon.com

 

실습 목표

이제 Amazon S3에 데이터를 저장하고 정적 웹 사이트를 호스팅해볼 것이다.

 

1. S3 버킷 만들고 파일 업로드하기

버킷을 생성한다.

 

 

아무 이미지나 준비한다. 그 이미지를 버킷에 업로드하고, 해당 이미지의 주소를 복사한다.

 

 

아래와 같이 자신의 이미지 주소와 로드 밸런서의 DNS 주소를 넣은 간단한 HTML 코드를 만든다. 그리고 이것도 동일한 버킷에 업로드해준다.

<html>
    <head>
        <meta charset="utf-8">
        <title> S3 Web Hosting Page </title>
    </head>
    <body>
        <center>
        <br>
        <h2> Click image to be redirected to the EC2 instance that you created </h2>
        <img src="/static/60-additional/S3에" 업로드될 이미지 접근 URL" onclick="window.location='DNS 이름'"/>
        </center>
    </body>
</html>

 

기본적으로 퍼블릭 액세스가 차단되어있기 때문에, 버킷의 권한을 퍼블릭 액세스가 가능하도록 변경한다.

 

추가로 권한 탭에서 ACL 도 활성화해준다.

 

 

그럼 내가 올린 파일에 대해서 ACL을 사용해 퍼블릭으로 설정할 수 있게 된다.

 

 

2. 정적 웹사이트 호스팅 편집하기

그리고 버킷 > 속성 > 맨 아래에 있는 정적 웹사이트 호스팅 편집에 들어가서 아래와 같이 index.html 을 활성화한다.

 

 

이제 다시 속성 탭에서 버킷 웹사이트 엔드포인트를 확인할 수 있다.

 

 

이제 엔드포인트에 접속하면 내가 만든 index.html 이 브라우저에 제대로 보인다.

 

 

실습은 이것으로 종료!

실습에서 만든 모든 리소스들은 제대로 해제시켜야 과금되지 않는다.

'AWS' 카테고리의 다른 글

Github Actions에서 AWS RDS 접속 허용하기 (보안그룹 인바운드 규칙 추가)  (0) 2024.09.12
AWS RDS MariaDB 프리티어로 사용하기  (0) 2024.09.10
[AWS TechCamp] AWS 핵심 서비스로 웹 애플리케이션 구축하기 ⑤ - 오토스케일링  (0) 2024.06.25
[AWS TechCamp] AWS 핵심 서비스로 웹 애플리케이션 구축하기 ④ - 모니터링  (0) 2024.06.25
[AWS TechCamp] AWS 핵심 서비스로 웹 애플리케이션 구축하기 ③ - 로드밸런서 구성하기  (0) 2024.06.25
'AWS' Related Articles more