[초보자용 먼지 팁] css 수정후 반응이 없다면 먼저 확인해보세요

팁이라고 할 수도 없는 먼지 부스러기입니다.

질답 게시판을 눈팅하다보면 자주 나오는 댓글 중

수정하라는 대로 css를 수정했느데 변화가 없네요.

css 수정이 안먹혀요

css 수정이 안되는 것 같습니다

와 같은 내용이 심심찮게 올라옵니다.

대부분 수정한 내용의 반영을 확인하지 않는 경우입니다.

브라우저 새로고침만으로 css(또는 js)가 반영되지 않는 경우는 캐시 때문일 가능성이 높습니다.

그누보드에서도 캐시의 변경을 위해 "add_stylesheet" 함수에서 css뒤에 "G5_CSS_VER"를 사용하고 있는데 실제 이 부분을 놓치는 (저와 같은) 초보자들이 있을 것 같네요.

1. 가장 편한 방법 중 하나는 브라우저 개발자모드를 열고 작업하는 경우 "Disable cashe (while DevTools is open)-크롬의 경우"와 같이 캐시 사용을 막는 방법

2. 버전을 바꾸기 위해 css 수정 후  /extend/version.extend.php에서 버전 값을 변경해주는 방법

3. ***.css?ver=<?php echo filemtime(./***.css) ?> 와 같이 해당 css가 수정될 때마다 버전 값을 변경해주는 방법

등이 있습니다.

소중한 시간을 쪼개 질문에 답해주는 고수들에게 왜 안돼는지 되묻기 전에 이런 작은 부분을 먼저 살펴보는 것도 좋을 듯 싶네요. 

초보 마음은 초보가 잘 알기에 팁도 아닌데 팁처럼 올려봅니다. :)