리액트 파일을 빌드한 후 AWS S3에 배포하고, HTTPS를 적용하기 위해 CloudFront를 사용했다.
npm run deploy 명령어로 S3에 배포하면 CloudFront가 업데이트되지 않는 문제를 해결하기 위해 무효화(invalidation)를 수행해야 했다.
- CloudFront는 원본 데이터가 변경되어도 기본적으로 일정 기간 동안(기본값은 24시간) 캐싱된 값을 제공한다.
- 그러나 원본 데이터가 변경되면 자동으로 변경사항이 반영되도록 하기 위해 무효화(invalidation) 작업을 수행해야 한다. 이를 통해 CloudFront의 캐시를 강제로 비워 새로운 데이터를 제공할 수 있다.
설정하려는 CloudFront ID 링크로 접속한다. 무효화 탭에 들어가서 객체 경로 /* 를 추가 하고 무효화 생성으로 적용시킨다.
그리고 npm run deploy 명령어로 배포할 때 자동으로 HTTPS에서도 업데이트가 이루어진다.
이는 추가 비용이 발생하지만 매우 적은 금액으로 충분히 사용할 수 있다.
무효화 요청
(매달 추가 비용 없이 초기 1,000개의 경로에 대한 무효화 요청을 할 수 있습니다. 이후로 무효화 요청 경로당 0.005 USD가 청구됩니다.)
Run Start 🔥