[HTML] script(스크립트), CSS 등 변경 후 바로 적용 시키기 (feat. 쿠키, Disable cache)

CSS 파일 변경 후 적용 시키기

script 부분과 css 부분을 수정하게 되면 바로 적용이 안되는 경우가

매우 많이 발생하고는 하는데 이럴때 고민없이 바로 적용시키는 방법에 대해 기록해두고자 한다.

확실한 두가지 방법이 존재하는데

(일단 시도할 때마다 됐다 나는...)

이 두가지 인데, 하나씩 시도해 보도록 하자.

별로 어려운 방법은 아니다.

인터넷 사용 기록 삭제하는 곳에 가서 쿠키를 포함해 전부 삭제하는것이다.

정말 확실하게 바로 적용되지만 단점은 역시 기록들이 삭제된다는 점?

이 방법은 최근에 알게된 방법인데 매번 쿠키를 삭제하다보니 너무 귀찮았는데 기회가 생겨 알게되었다.

F12 혹은 개발자 도구를 직접 켜서 Disable cache를 체크해준다음

[F12] - [Network] - Disable cache

새로고침을 눌러주면 바로 적용이 되는것을 확인할 수 있다.

꼭 개발자도구가 켜있는상태에서 새로고침을 해야한다.

추가적으로 개발자 도구가 켜있는 상태로 좌측 상단에 새로고침 아이콘에 마우스 우클릭을하면 아래와 같은 선택창이 나오는데, 이걸 통해서도 캐시제거가 가능하다.

이제서야 적용이 안되어 짜증났던 그 시절과 작별이다.