브라우저에 캐시 되어 있는 CSS, JS 파일을 갱신하는 방법 - 그누보드팁

본문 바로가기
전체검색

그누보드팁

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

브라우저에 캐시 되어 있는 CSS, JS 파일을 갱신하는 방법

관리자 17-09-22 18:09

그누보드 5.2.3 버전 이후부터 extend/version.extend.php 파일이 새로 생겼습니다.

수정된 CSS, JS 파일을 서버에 올렸을 때 브라우저에서 새로 캐시 될 수 있게 버전 상수가 추가된 겁니다.

최근 버전들은 이미 반영되어 있으며 구 버전에 적용하실 분들은 패치 내역 참고하세요.


그누보드 5.2.3

https://sir.kr/g5_pds/3530


최근 버전의 그누보드로 제작된 홈페이지를 웹브라우저에서 소스 보기를 해보면 이렇게 자동으로 추가되어 있습니다.


...../css/default.css?ver=161020">

..../js/common.js?ver=161020">

.../skin/latest/basic/style.css?ver=161020">



CSS나 JS 파일을 수정후 서버에 올렸는데 브라우저에서 새로 고침을 해도 바뀌지 않는 경우가 있습니다.

그런 현상이 생길 경우 상수 값을 변경하면 수정된 파일로 캐시를 갱신하게 됩니다.


사용 방법은 간단합니다.

version.extend.php 파일에서 숫자 부분 값만 변경하세요.


define('G5_JS_VER',  '161020');

define('G5_CSS_VER', '161020');


반드시 날짜 형식으로 할 필요는 없으며 임의의 숫자로 변경해도 됩니다.

그누보드 기본 파일이 아닌 별도로 생성한 파일에 적용할 때도 같은 방법으로 하면 됩니다.


css 파일은 이렇게..

........../test.css?ver=<?php echo G5_CSS_VER; ?>


js 파일은 이렇게..

........../test.js?ver=<?php echo G5_JS_VER; ?>

댓글목록 +3

댓글목록

profile_image

신비님의 댓글

신비 작성일

이런 것 때문이였군요.
 저는 그냥 안 되면 Ctrl + F5 누르거나 인터넷임시파일 제거해 확인했는데...

profile_image

관리자님의 댓글의 댓글

관리자 작성일

작업자뿐만 아니라 홈페이지를 자주 방문하는 사람들 컴퓨터도 캐시가 갱신되지 않아서 css 가 깨질 수도 있는데
그 사람들은 무슨 이유인지 알 수가 없기 때문에 단순히 홈페이지 에러라고 판단할 수가 있습니다.
버전 상수를 이용해서 관리하면 이러한 일을 어느 정도 방지할 수가 있습니다.

profile_image

신비님의 댓글의 댓글

신비 작성일

아하, 그렇겠군요. 
역시 소장님.... !! 
( ^ ____________ ^ ) ==============b

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.