CSS 파일 변경했는데 브라우저 적용 안될 때 해결방법

·2022년 9월 6일
0

캐시를 잘못 관리할 경우 원하는 시점에 캐시가 사라지지 않거나, 필요 이상으로 HTTP 요청이 발생할 수 있다.

출처 : [토스] 웹 서비스 캐시 똑똑하게 다루기

1. 강제 캐시 삭제

  • Ctrl + Shift + R
  • Shift + F5 또는 Ctrl + F5 방법도 있으나, 나는 제대로 작동되지 않았다.
  • 매번 모든 사용자에게 강제 새로고침 하라고 요청하기 어렵다.

2. CSS 버전 관리

  • CSS 뒤에 버전을 넣어줌으로써 브라우저는 변경된 파일을 새로 로딩하게 된다.
<link rel="stylesheet" href="../css명.css?ver=1.1" />
  • ver에 자동으로 오늘 날짜가 들어가게 구현해 놓는다면, 매번 ver을 수기로 바꾸는 번거로움을 덜 수 있다.

참고 : CSS 버전관리 참고 URL

profile
🎨

0개의 댓글