[js/css] 페이지 로드, 새로고침 시 항상 최신 버전 CSS, JS파일 가져오는 방법, 코드

언제 쓰는거야?

:  페이지가 로드되거나 새로고침될 때 항상 최신 버전의 CSS, JS파일 가져오고 싶을 때 사용

단순하게 말하면, 그냥 무조건 최신버전의 CSS, JS파일을 가져오기위해서라고 생각하면 될 듯

 

 

방법

: JSP기준에서 template.jsp ( css, js파일을 관리하는 화면 )에서 css, js호출 코드 뒤에 현재날짜.시간을 매개변수로 붙여주면 끝. ( 20240322103533 초단위까지 해주는 이유는 사용자관점에서 초단위로 페이지 로드 및 새로고침하므로. ) 

 

 

예시

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


<jsp:useBean id="today" class="java.util.Date" />
<fmt:formatDate value="${today}" pattern="yyyyMMddHHmmss" var="nowDate"/>


<script src="/jquery.js?ver=${nowDate}"></script>
<script src="/jquery.css?ver=${nowDate}"></script>