[HTML].css 또는 .js 파일 캐시 방지하는 간단한 방법

캐시는 url을 기준으로 동일한 url을 요청한 적이 있는지를 판단해 요청한 적이 있다면 이전요청에서 저장해둔 데이터를 불러온다.

 

그래서 수정을 여러번 거치다보면 제대로 작동하지 않는 경우가 있다..

 

매번 캐시를 지우고 새로고침할 수 없기에 

 

다음과 같은 방법을 쓸 수 있다. 

 

보통 아래와 같이 css 파일을 불러오는데 

<link rel="stylesheet" href="style.css">

 

버전을 붙여주는 방법이다.

<link rel="stylesheet" href="style.css?v=1.1">

파라미터값이 변하면 다른값으로 인식되기 때문에 다시 불러온다.

이를 이용해 캐시를 방지할수 있다. 

 

 

 

 

즉 

<link rel="stylesheet" href="style.css?v=1.1"> 과

<link rel="stylesheet" href="style.css?v=1.2"> 를 다른 주소로 인식한다는 뜻으로 

 

사실상 의미가 없는 숫자지만 변경되는 버전에 따라 숫자를 변경해주면 캐시를 방지할 수 있다. 

 

 

 

 

또다른방법

[html] - [HTML5] 캐시 사용하지 않도록 하는 메타태그(no-cache)