CSS, JS 수정된 파일이 브라우저에 적용이 안될 때

자바스크립트나 css 파일이 수정 후 적용이 안되는 이유는,

브라우저에서 캐시메모리가 저장되어있어서 수정되기 전의 캐시 메모리를 사용하기 때문이다.

 

2가지 방법이 있다.

1. js,css 링크에 버전관리를 추가

간단하게 js,css 파일을 불러오는 링크 후면 부에 ?ver=1 이런 식 으로 버전관리를 함으로써 브라우저가 새로운 js파일로 인식하게 한다.

 

static 파일 링크를 가져왔다면 똑같이 그 뒤에 작성하면 된다.

<script defer src ="{% static 'js/home.js' %}?ver=2"></script>
<link rel="stylesheet" href="{% static 'css/home.css' %}?ver=1">

ver 뒤에 숫자는 아무거나 상관없다.

---

2. Ctrl + F5

새로고침할 때 캐시까지 새로고침하는 방법이다

이게 제일 간편한 것 같다.