생활코딩과 함께하는 AWS 탐구생활 - 6일차

WEB1 - 17. 인터넷을 여는 열쇠: 서버와 클라이언트

웹 브라우저와 웹 서버

웹 서버: 하드디스크에 index.html이라는 파일이 저장되어 있음.

웹 브라우저: info.cern.ch/index.html이라고 치면, 웹 서버에 마법(?)을 부려서 신호를 보냄. (알면 기술, 모르면 마법✨)

웹 서버는 index.html을 찾아서 웹브라우저에게 코드를 전달해준다.

웹 브라우저는 그걸 읽어서 화면에 표시.

 

웹 브라우저는 정보를 요청 → 클라이언트

웹 서버는 정보에 응답 → 서버

 

웹 서버: 자신의 컴퓨터에 직접 설치해서 하는 것

웹 호스팅: 대행해주는 업체에게 맡기는 것. 쉽다.

 

AWS S3 WEB Hosting

버킷 만들기

퍼블릭 엑세스 차단 비활성화

다음 클릭.

퍼블릭 읽기 액세스 권한 부여하기.

스토리지 클래스를 스탠다드로 선택 후 업로드.

 

객체 - 속성 - 정적 웹 사이트 호스팅

인덱스 문서: 홈페이지로 사용될 문서 선택하는 것. index.html 입력.

엔드포인트 옆에 있는 링크로 들어가면 웹사이트 접속 가능~

 

AWS - CloudFront 1. 수업 소개

Cache Server: 사용자에게 한번 콘텐츠를 전송했다면, 그다음엔 저장된 결과를 서비스.

CDN(Content Delivery Network): 전 세계 어디든 간에 1초 만에 접속할 수 있게 해주는 서비스.

 

CloudFront = Cache Server + CDN

 

AWS - CloudFront 2. 수업의 목적

좀 더 빠르게 동작할 수 있는 웹사이트를 만들기 위해.

 

AWS - CloudFront 3. 클라우드프론트 생성

 

Origin의 데이터가 전 세계에 있는 CloudFront의 Cache Server로 분배(Distribution)

 

서비스 - 네트워킹 및 콘텐츠 전송 - CloudFront

Create Distribution - Web - Get Started

Origin Domain Name에 웹서버의 주소 입력. http, id 쓰면 안 되고 Domain만 써야 함!

나머지는 default값.

시간이 좀 걸립니당

 

General로 들어가기.

Domain Name의 주소 + /index.html로 접속.

반응 속도가 32ms로 매우 매우 짧아졌다!

BUT 현재 시간 출력 시 시간이 바뀌지 않는 현상 → Origin의 데이터는 바뀌었는데, Distribution은 모르는 상태 발생.