# cloudfront

14개의 포스트
post-thumbnail

AWS CloudFront를 사용한 프론트엔드 배포2 (CLI 방법)

지난 포스팅에 이어 이번에는 CloudFront 서비스를 이요하는 방법에 대해 알아보겠습니다.콘솔에 로그인 클릭 후 CloudFront를 검색하여 페이지에 들어갑니다. Create Distribution 버튼을 클릭합니다.우리는 Web이기 때문에 Web에서 Get St

2020년 8월 8일
·
0개의 댓글
post-thumbnail

Lambda@edge + cloudFront + S3

순서대로 해봅시다. 1) IAM 정책 및 역할 생성 1. IAM 정책 생성 정책 선택 정책 생성 선택 JSON 선택 및 아래 정책 입력 정책 검토 선택 정책 이름 ResizingImagePolicy 또는 원하는 이름 선택 (설명 옵션) 정책

2020년 7월 29일
·
1개의 댓글
post-thumbnail

CloudFront로 React앱 배포하기 - 2

내가 CloudFront로 정적 웹 사이팅을 배포하는 이유는 별거 없다.https가 무료이고, 배포가 간단하기 때문이다. 나한테는 https가 무료인게 많이 끌렸었다.먼저 S3때와 마찬가지로 CloudFront를 검색해준다.클라우드 프론트 검색그리고 Create Dis

2020년 4월 27일
·
0개의 댓글
post-thumbnail

CloudFront로 React앱 배포하기 - 1

웹 개발을 공부하고 React를 사용하여 나만의 프로젝트를 진행하면서 localhost가 아닌 나만의 도메인으로 앱을 배포하고 싶었다. 그래서 공부했고 배포했다. 어려움은 거의 없었지만 그래도 내가 배포해본 경험을 글로 남겨본다.앱 이미지"MakeToon" 이라는 이름

2020년 4월 26일
·
0개의 댓글
post-thumbnail

S3, Cloudfront, Route 53을 통한 정적 사이트 호스팅

안녕하세요. 곰프로입니다. 오늘은 S3, Route 53, Cloudfront 그리고 Certificate Manager를 이용해 도메인 구입부터 시작해서 ssl 인증서를 연결하는 방법까지 알아보겠습니다. 도메인 구입 웹사이트 호스팅을 생각하고 있다면 가장 먼저

2020년 4월 24일
·
2개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [4/4]

여기까지 오셨다면 CloudFront를 통해서 SSL 인증서가 붙은 S3 버킷 정적 호스팅의 배포 설정이 준비된 상태입니다. 마지막으로 도메인을 배포 설정에 연결해 주면 목표를 이룰 수 있습니다. 마지막은 쉬워요!Route53으로 대시보드에서 사용할 도메인 이름을 눌러

2020년 3월 31일
·
2개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [3/4]

이제 S3에서 정적 호스팅하고 있는 페이지를 CloudFront를 통해 뿌려줄 차례입니다. 지역에 상관없이 원활하게 컨텐츠를 제공하고, ACM에서 만든 SSL 인증서를 붙이기 위해서 하는 작업이랍니다.CloudFront는 AWS에서 제공하는 CDN(Contents De

2020년 3월 31일
·
0개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [2/4]

이제 우리의 소중한🥰 프로젝트에 맘에 드는 도메인을 연결하기 위해, 구매해 둔 도메인을 ACM(Amazon Certification Manager)를 통해 AWS에서 사용할 수 있도록 셋업 할 차례에요!연결하고 싶은 도메인이 있다면 해당 도메인을 구매하여야 합니다.

2020년 3월 31일
·
0개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [1/4]

프로젝트 구현 및 배포용 빌드본인이 배포하고 싶은 프로젝트를 준비합니다. 프로젝트 자체의 구현은 본 글에서 다루는 내용이 아니므로 배포를 위한 빌드가 완료되었다고 가정하고 넘어가겠습니다.처음 배포해 보는 뷰린이를 위한 사족!프로젝트 루트에서 yarn build나 npm

2020년 3월 31일
·
4개의 댓글
post-thumbnail

S3, ACM, CloudFront, Route53으로 서버리스 페이지 https 배포하기 [Intro]

아직 AWS에 익숙하지 않은 프론트엔드 개발자가처음부터 차근차근 따라해서자신이 소유한 도메인에 https를 붙여 배포하는과정을 상세히 작성한 시리즈입니다.

2020년 3월 31일
·
0개의 댓글
post-thumbnail

AWS Cloudfront란 무엇인가

서버로부터 받는 이미지 로딩 속도가 느리게 되서 자료를 찾아보다보니 구조상 cloudfront라는 것이 눈에 자주 보이기 시작했다. 정적 콘텐츠를 더 빨리 배포하도록 지원하는 웹서비스. 엣지위치라 하는 데이터 센터를 통해 콘텐츠를 즉시 제공하는것. http:

2020년 3월 26일
·
0개의 댓글
post-thumbnail

Naver Cloud Platform CDN+에서 AWS CloudFront로 마이그레이션하기

사건의 발단 AWS에 비해 클라우드 컴퓨팅 성능이 좋다는 이야기 때문에 서버 임대를 Naver Cloud Platfrom으로 하고 있다. 그 중에서 용량이 좀 되는 파일들은 Object Storage에 저장하고 있는데, 이게 AWS의 S3와 입출력이 같은 구조로 되어 있다. 여기까지 설정하는 것에는 크게 문제가 되는 부분은 없었다. 그러나 Naver Clo...

2020년 2월 3일
·
0개의 댓글

지긋지긋한 CORS 파헤쳐보자

CORS (Cross Domain) 서버와의 통신을 위해 ajax나 XMLHttpRequest를 사용하다보면 CORS 에러가 나오는 경우가 종종 발생합니다. 할때마다 설정 방법이나 우회 방법을 항상 찾다보니 매번 고생하는거 같아 정리해봅니다. CORS 란? CORS는 Cross-Origin Resource Sharing의 약자로 보안상의 이유로, 브라...

2019년 11월 7일
·
0개의 댓글

React로 개발한 클라이언트 앱 HTTPS로 배포하니 라우터가 안되요.. 사용자 인증까지!

코드스테이츠 이머시브 과정중 두가지 프로젝트를 진행했는데요. 그중에서 불과 10일만에 얼굴인식해서 눈코입을 트래킹하는 라이브러리를 연동하고, 배포를 해보면서 알아낸 것들을 정리하려고 합니다. 저희 프로젝트의 개념도는 다음과 같습니다. 최종적인 개념도는 다음과 같습니다. image.png 블로그할 내용을 크게 다음과 같이 나눌 수 있었어요. Face...

2019년 10월 19일
·
2개의 댓글