[AWS] CloudFront로 프론트 구성해보기

🐱 프론트 구성해보기

 

 

1. CloudFront - CDN 이해하기

✅ CloudFront는 CDN 서비스와 유사한 기능.

✅ CDN 서비스는 Content Delivery Network 서비스로, 정적 파일들을 캐싱해주는 서비스.

✅ 캐싱을 하는 이유 : 어느 곳(리전)에서 접속하든 속도를 비슷하게 만들어줌.

    

✅ 클라우드 전에는 우리나라는 CD networks, 글로벌하게는 Akamai.

✅ CDN 서비스를 CloudFront라는 서비스로 AWS가 제공하여 사용하기 쉬워짐 !

 

 

 

✅ 즉, S3의 버킷을 생성할 때 리전이 정해져 있기 때문에,
     서울 리전에 있는 버킷을 호스팅 기능을 이용해 미국에서 서비스 한다고 하면 사이트가 엄청 늦게 뜸.

     ➡️ 똑같은 S3 버킷을 서비스하는 나라의 가까운 리전마다 생성하는 방법은 비용 多

     ➡️ 이때 CloudFront를 사용!

 

 

 

*️⃣ AWS - CloudFront

What is Amazon CloudFront? - Amazon CloudFront

 

 

 

2. CloudFront 만들기

 

(1) CloudFront 메뉴 찾아서 클릭!

✅ 글로벌 콘텐츠 전송 네트워크

 

 

 

(2) CloudFront 메인! - CloudFront 배포 생성 클릭!

 

 

 

(3) 원본 도메인 선택 -> 배포 생성 클릭 !

✅ 원본 도메인 외 옵션들은 그대로.

 

 

 

(4) CloudFront 배포 완료 !

 

✅ ID : 자동으로 부여되는 값, 배포 시 사용.

✅ 도메인 이름(Domain name) : URL이고, 브라우저에서 호출될 수 있음.

✅ 원본(Origin) : 이전에 생성한 S3의 URL

✅ 상태(Status) : 활성화(In Progress)인 이유는 Edge Location 이라는 곳에 배포중이기 때문, 배포가 완료되면 Deployed 상태가 됨.

 

 

 

(5) CloudFront URL을 이용하여 브라우저에서 호출

 

 

 

(6) CloudFront ID 클릭 -> 설정 '편집' 클릭 !

 

 

 

(7) 기본값 루트 객체 - index.html (도메인 접속 시 보여줄 파일) 작성 -> 변경사항 저장 ! 

 

 

 

(5) cloudfront URL을 이용하여 다시 브라우저에서 호출하면 완료 !