CSS/JS를 수정했음에도 반영이 되지 않는경우

문제

CSS/JS를 수정했음에도 반영이 되지 않는 경우가 있다.

원인

이는 캐시에 남아있는 코드를 사용하기 때문이다. 테스트할때는 캐시를 삭제하면 되지만.. 

사용자에게 캐시를 삭제하라고 할수는 없다...

해결방법

• 코드 업데이트시마다 CSS파일명을 변경하여 웹브라우저로 하여금 다른 파일로 인식하게 한다.

<link href="http://example.com/css_version_01.css" rel="stylesheet" type="text/css"/>

• CSS에 쿼리스트링을 다르게 주어 웹브라우저로 하여금 다른 URL로 인식되게 한다.

<link href="http://example.com/common.css?ver=1.1" rel="stylesheet" type="text/css"/>

• JSP에서 실행시마다 날짜와 시간을 가져오는 코드를 붙여서 자동으로 쿼리스트링값을 붙여주는 방법도 있다.

<link href="http://example.com/common.css?ver=<%=version%>" rel="stylesheet" type="text/css"/>

참고 : https://www.letmecompile.com/css-js-파일-캐시-방지/