[CSS] CSS적용 안되는 경우, 크롬 강력 새로 고침

문제점

 CSS파일을 수정하였는데도 실제 웹페이지에서는 적용이 안되는 경우가 있다.

 

해결방법

 CSS를 수정해도 적용이 안되는 이유는 브라우저에 캐시가 남아있기 때문이다. 그래서 남아있는 캐시를 모두 지우고 새로고침을 하면 수정된 CSS가 웹페이지에 적용이 된다.

 크롬브라우저에서 F5를 누르면 일반적인 새로고침이 된다. 이 경우 캐시는 남아 있어서 강력한 새로고침을 하기 위해서는 개발자 도구를 연다. 

개발자도구가 열린 상태에서 새로고침 버튼을 우클릭 해준다.

그러면 아래에 "일반 새로고침", "강력 새로고침", "캐시 비우기 및 강력 새로고침" 3가지 메뉴가 나타난다. 이중에서 가장 아래인 "캐시 비우기 및 강력 새로고침"을 누르면 캐시가 비워지도 CSS가 적용됨을 알 수 있다. 하지만 이렇게까지 않아도 "Crtl+Shift+R"을 누르거나 또는 "Crtl+F5"를 눌러도 캐시가 삭제된다.