이 영역을 누르면 첫 페이지로 이동
WONY 블로그의 첫 페이지로 이동

WONY

페이지 맨 위로 올라가기

WONY

JSP에서 수정된 CSS, JS 파일 캐시 방지하기

  • 2020.02.27 21:57
  • Programming/JSP

안녕하세요 WONY입니다.

오늘은 JSP에서 CSS, JS 파일을 작성하고 서버에 업로드 후 작성한 JSP 페이지를 확인할 때 CSS, JS 파일이 캐시로 인해 적용이 바로 안될 때가 있는데 이를 방지하는 방법을 알아보도록 하겠습니다.

강력한 새로고침 [CTRL]+[SHIFT]+[R] 하는 방법도 있지만.

제가 알려드릴 방법은 CSS, JS 파일이 서버에 업로드된 시간을 가져와 실시간으로 캐시를 방지할 수 있는 방법입니다.

 

아래의 방법은 CSS만을 예로든 소스이며 JS 파일에도 똑같이 적용할 수 있습니다.

 

<%@ page import="java.io.*, java.util.*" %>
 
<%
	/* CSS/JS 파일 캐시 방지 */
	String styleCss = application.getRealPath("/css/style.css");
	File style = new File(styleCss);
	Date lastModifiedStyle = new Date(style.lastModified()); 
 
	SimpleDateFormat fmt = new SimpleDateFormat("yyyyMMddhhmmssSSS");
%>

<link rel="stylesheet" type="text/css" href="tyle.css?ver=<%=fmt.format(lastModifiedStyle)%>" />

 

실제 적용 후 웹에서 소스보기를 하면 아래와 같습니다.

 

<link rel="stylesheet" type="text/css" href="/css/style.css?ver=20180427122255000" />

 

위와 같은 방법을 적용하면 단순히 F5 , CTRL+R

으로 캐시를 방지할 수 있고 언제 수정하였는지도 쉽게 알 수 있습니다.

 

이상 WONY 였습니다.

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

다른 글 더 둘러보기

정보

WONY 블로그의 첫 페이지로 이동

WONY

  • WONY의 첫 페이지로 이동

검색

메뉴

  • 홈
  • 태그
  • 방명록

카테고리

  • 분류 전체보기 (14)
    • Photograph (6)
      • Korea (0)
      • Philippines (6)
    • Programming (6)
      • LINUX (4)
      • CSS (1)
      • Javascript (0)
      • JSP (1)
    • English (2)

최근 글

인기 글

댓글

나의 외부 링크

정보

WonyLog의 WONY

WONY

WonyLog

블로그 구독하기

  • 구독하기
  • RSS 피드

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. Copyright © WonyLog.

티스토리툴바