Notice
Tags
- eslint
- 백준
- 모던자바스크립트DeepDive
- github
- IntersectionObserverAPI
- S3
- AWS
- html
- nuxt
- CF
- javascirpt
- 자바스크립트
- TypeScript
- composition api
- 캐시무효화
- preload
- fetchpriority
- 프로그래머스
- programmers
- Prefetch
- Algorithm
- SSH
- amplify
- JavaScript
Recent Posts
Archives
우주선
AWS S3파일 갱신 즉시 반영하기 ( CloudFront 캐시 삭제하기 ) 본문
AWS S3와 CloudFront는 정적 웹 사이트 호스팅과 CDN을 제공하는데,
이러한 서비스를 사용하는 경우 새로운 업데이트된 파일을 반영하기 위해서는 일정 시간이 지나야 한다.
하지만 새로운 파일을 즉시 반영해야할 때가 있다.
예를 들어 "@@이미지 당장 교체 부탁드립니다. 텍스트 잘못 들어간 이미지가 있어요."
이런 경우에는 CloudFront 캐시를 삭제한다.
캐시를 무효화할 경우 최신 파일이 사용되며, 오래된 파일이나 삭제된 파일에 대한 요청이 발생하지 않는다.
[ CloudFront 캐시 삭제하기 ]
1. S3에서 이미지(혹은 파일)을 교체한다.
- CloudFront에서 버킷을 검색해야 하기 때문에 버킷명 등 특징을 확인한다.
- 갱신이 필요한 파일이나 폴더 경로를 복사해두면 좋다.
2. CloudFront에서 교체한 버킷 이름을 검색하여 찾아 들어긴다.
3. 해당 버킷에서 무효화(Invalidations) > 새 무효화 만들기를 선택한다.
- 이전에 했던 무효화가 있다면 아래 기존 히스토리에 남아 있다. 무효화 이후 여기에서 로그 확인 가능하다.
4. 새 무효화를 생성하며 1번에서 복사해 둔 파일 경로를 적는다.
- 무효화 할 파일의 경로, 혹은 폴더명/* 으로도 가능하다.
5. 생성하기 버튼을 누른다.
새 무효화가 생성되면 상태값이 나타나고 3번 화면에서 히스토리 열람이 가능하다.
무효화가 완료되면 토요일을 토요일로 표기할 수 있다.
'Etc' 카테고리의 다른 글
AWS Amplify에서 환경변수 env 세팅하기 (0) | 2023.01.13 |
---|---|
SSH로 GitHub 계정 여러개 사용하기 (0) | 2022.02.08 |
Comments