css/js 파일 캐시 방지

 

css, js 파일을 수정 후 반영을 하면 브라우저에서 css,js파일은 캐시로 저장하기 때문에 

참조하는 파일 url이 동일 하다면 수정 되기 전 앞서 저장되어 있는 파일을 사용하기 때문에

 

수정된 부분이 작동하지 않게 된다

 

 

이를 일시적으로 해결하기 위해 브라우저 캐시 비우기 및 강력 새로고침 작업을

 

진행 하게 되면 해결 된다. 하지만 이는 일회성 해결 방법이고,

 

 

css, js파일 경로 끝에 버전정보, 날짜정보와 같이 반영할때마다 해당 파일이 변경되었다는 점을 

 

알 수 있게 파라미터로 넘겨주는 방법이 있다

 

아래와 같이,

 

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fnc"%>

<jsp:useBean id="today" class="java.util.Date"/>
<fmt:formatDate var="nowDate" pattern="yyyyMMddhhmmss" value="${today}"/>
<script type="text/javascript" src="../resources/js/pages/test/list.js?importDate=${nowDate}"></script>

 

importDate라는 변수로 화면이 로딩 될 때마다 날짜데이터를 넘겨주는 형태 이다.