성준이의 개발블로그 성준이의 개발블로그

우선 도메인을 사둔게 있다고 가정하고 진행하겠습니다. 저는 가비아에서 구매했습니다.구현 순서는 다음과 같습니다.구현 순서구매한 도메인 Route53 호스팅 영역에 등록등록 후 ACM으로 버지니아 북부에서 인증서 요청S3로 프론트엔드 빌드 파일 정적 웹호스팅을 통해 배포CloudFront와 S3 연결해서 CloudFront 도메인으로 배포된 것 확인Route53에 도메인 등록하고 도메인으로 배포 되었는지 확인1. 구매한 도메인 Route53 호스팅 영역에 등록우선 콘솔에서 Route53에 들어가서 호스팅 영역을 생성합니다.저는 mycertione.com 이라는 도메인을 구매해서 다음과 같이 입력해 주었습니다.그냥 도메인 이름만 입력하고 호스팅 영역을 생성합니다. 그러면 NS와 SOA가 나오는데 NS는 네임..

문제 상황S3 Public으로 열어두고 특정 도메인에서만 접근이 가능하게 설정을 해두다가, CloudFront를 붙여 CloudFront에 캐시된 이미지만 불러오게 하려고 했습니다. 그래서 DB에 저장되어 있는 이미지 URL을 S3주소에서 CloudFront 주소로 수정해줬습니다. 그랬더니 이미지가 어떤 거는 보이고 어떤 거는 안보이는 문제가 발생했습니다.문제 원인브라우저 콘솔 상에 오류 내용을 확인해보니 CORS 에러가 나오고 있었습니다. 분명 S3에 CORS 설정을 해두었는데 왜 안되지? 싶었습니다.해결 과정그래서 S3 - 권한 - CORS 설정에 들어가보니 잘 구축되어 있었습니다. 그래서 CloudFront도 CORS 설정을 해두어야 이미지가 잘 나오겠다 싶어서 CloudFront에도 CORS 설정..