AWS - S3 (부트스트랩 활용한 반응형 페이지 생성)

- AWS S3란?

AWS에서 제공하는 클라우드 스토리지 서비스 중 하나이다.

 

클라우드 스토리지 서비스란 클라우드 공급자가 저장 공간을 서비스로 관리하고 운영하며 인터넷에 데이터 저장 공간을 제공하는 서비스 모델이다. 클라우드 스토리지는 용량 및 비용이 필요에 따라 온디맨드로 제공되며 자체 데이터 스토리지 인프라를 구매하거나 관리할 필요가 없다.

 

그 중 S3는 "어디서나 원하는 양의 데이터를 저장하고 검색할 수 있도록 구축된 객체 스토리지" 로 설명할 수 있다.

즉 게시판에 글을 쓰고 파일을 첨부하는 등 파일들을 보관하는 파일 서버의 역할을 하는 클라우드 서비스이다.

 

- 객체 스토리지란?

일반적으로 윈도우에서 폴더를 만들고 파일을 저장하는 파일 스토리지와 다르게 계층 구조가 없고,

고유식별 번호와 데이터 그리고 메타데이터 등 최소한의 정보만을 가지고 있기 때문에 파일 개수가 많아져도 파일 스토리지에 비해 훨씬 많은 파일을 저장할 수 있는 스토리지 유형

 

 - S3의 구성 및 요소

Bucket: 데이터 저장소

Object: 저장 파일명

 

Key: 파일의 이름

Value: 파일의 데이터

Meta Data: 저장된 파일에 대한 추가정보

Version ID: 파일의 버전 관리를 위한 고유한 아이디

 

- S3의 특징

1. 높은 내구성

AWS S3는 99.9999999999%의 객체 내구성을 보장한다고 한다.

즉 천억 개의 파일을 저장한다면 단 하나 정도만 유실될 수 있다는 것을 의미한다.

 

2.손쉬운 확장성

개별 파일의 크기는 0바이트부터 5테라바이트까지 저장할 수 있으며 파일 수의 제한이 없어, 데이터를 무제한 저장할 수 있다.

즉 서비스하는 제품이나 사용자의 트래픽에 대해 고려하지 않아도 원하는 만큼 확장이 가능하다.

 

3.보안성과 편리성

S3는 HTTPS라는 보안 프로토콜을 제공하고, AWS IAM 등을 통해 인증된 사용자만 데이터에 접근할 수 있게 관리할 수 있으며, 별도의 프로그램 설치나 개발을 하지 않아도 콘솔 화면에서 간단히 설정할 수 있다. 또한 새로운 파일로 덮어쓸 때 기존 파일에 대한 정보를 유지시키고 싶다면, Versioning을 활성화하여 백업본을 만들 수 있다.

 

실습 - 부트스트랩을 이용한 반응형 페이지 생성

 

https://startbootstrap.com/ 로 접속하면 부트스트랩에서 무료로 제공하는 HTML 템플릿을 다운받을 수 있다.

다음과 같이 접속하여 Free Download를 클릭해 템플릿을 다운로드 한다

다운받은 압축파일을 압축해제한 후 index.html 파일이 존재하는지 확인한다.

 

이제 호스팅으로 사용할 버킷을 생성한다.

AWS 콘솔을 통해 S3에 접속한 후 대시보드에서 '버킷 만들기'를 클릭한다.

버킷 이름과 리전을 선택한 후

필요에 따라 설정을 변경할 수 있다.

퍼블릭 엑세스를 위해 차단을 해제하고, 만들기를 클릭한다.

버킷을 생성되면 업로드를 클릭한 후 압축해제된 bootstrap파일들을 전부 드래그하여 업로드한다.

외부 접근을 위해 퍼블릭 액세스를 허용한 후 업로드를 진행한다.

업로드가 완료되면 Bucket 속성의 정적 웹 사이트 호스팅의 편집으로 들어간다

우측 상단의 편집 클릭

편집에 들어가 활성화 버튼을 누른 뒤 인덱스 문서에 index.html(기본 페이지)를 입력한 후 저장을 누른다.

메인 페이지가 index.html이 된다.

이제 호스팅 옵션 하단의 URL을 클릭하면 지정해둔 페이지로 접속이된다.