브라우저에 캐시 되어 있는 CSS, JS 파일을 갱신하는 방법
그누보드 5.2.3 버전 이후부터 extend/version.extend.php 파일이 새로 생겼습니다.
수정된 CSS, JS 파일을 서버에 올렸을 때 브라우저에서 새로 캐시 될 수 있게 버전 상수가 추가된 겁니다.
최근 버전들은 이미 반영되어 있으며 구 버전에 적용하실 분들은 패치 내역 참고하세요.
그누보드 5.2.3
최근 버전의 그누보드로 제작된 홈페이지를 웹브라우저에서 소스 보기를 해보면 이렇게 자동으로 추가되어 있습니다.
...../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
댓글목록
신비님의 댓글
신비 작성일
이런 것 때문이였군요.
저는 그냥 안 되면 Ctrl + F5 누르거나 인터넷임시파일 제거해 확인했는데...
관리자님의 댓글의 댓글
관리자 작성일
작업자뿐만 아니라 홈페이지를 자주 방문하는 사람들 컴퓨터도 캐시가 갱신되지 않아서 css 가 깨질 수도 있는데
그 사람들은 무슨 이유인지 알 수가 없기 때문에 단순히 홈페이지 에러라고 판단할 수가 있습니다.
버전 상수를 이용해서 관리하면 이러한 일을 어느 정도 방지할 수가 있습니다.
신비님의 댓글의 댓글
신비 작성일
아하, 그렇겠군요.
역시 소장님.... !!
( ^ ____________ ^ ) ==============b
