Cloud Front

• Amazon CloudFront : 짧은 지연 시간과 빠른 전송 속도로 데이터, 동영상, 애플리케이션 및 API를 전 세계 고객에게 안전하게 전송하는 고속 콘텐츠 전송 네트워크(Contents Delevery Network , CDN) 서비스로 콘텐츠에 대한 사용자의 요청은 가장 가까운 엣지 로케이션으로 자동 라우팅 되어 빠르게 최종 사용자에게 전송

• 네트워크 및 애플리케이션 계층 DDoS 공격을 비롯해 여러 유형의 공격으로부터 보호하기 위해CloudFront, AWS Shield, AWS Web Application Firewall(WAF) Route 53, Lambda@Edge 컴퓨팅과 완벽하게 통합되어 필드 수준 암호화 및 HTTPS 지원을 포함한 대부분의고급보안기능을제공

• 엣지 네트워킹 위치에 함께 상주하며, AWS 네트워크 백본을 통해 전세계적으로 확장 및 연결됩니다.이를 통해 사용자에게 보다 안전하고 뛰어난 성능과 가용성을 보장하는 경험을 지원

Cloud Front 사용해보기

cloud front 검색 후 우측에 배포 생성

origin 도메인 설정 및 웹사이트 엔드포인트 사용

기본 캐시 동작 > 뷰어 > 뷰어프로토콜 정책 > Redirect HTTP to HTTPS 설정

웹 애플리케이션 방화벽 비용때문에 비활성

가격 분류도 북미, 유럽, 아시아, 중동 및 아프리카에서 사용 으로 설정

기본값 루트 객체 설정 이후 우측 하단 배포설정

배포설정 완료된화면

도메인 복사 후 확인

비활성화 하는법

선택하면 우측에 비활성화 활성화댐

클릭 후 비활성화

비활성화 완료되면 삭제버튼 활성화 됨

삭제버튼 활성화 된 모습

삭제 후 완료

React AWS 에 올려보기

올릴 리액트 앱

리액트 앱 배포판으로 만들기

빌딩하면 나오는 파일 및 링크

버킷에서 속성 > 맨밑 정적 웹 사이트 호스팅 편집

이후 활성화

인덱스 문서 설정 후 변경사항 저장

권한 > 버킷 정책 편집 도 전과 동일하게 진행

객체 탭으로 이동

앱 빌드 전채 복사 후 업로드

이후 속성탭 맨밑 버킷 웹사이트 엔드포인트 확인

이후 cloudfront 가서 배포 설정 전과 동일

배포 후 도메인 사용해보기

완료 👻