새로고침해도 CSS, JavaScript 반영 안될 때 해결 방법

HTML에 CSS나 JavaScript를 분명히 적용했는데도 바뀌지 않는 경우들이 있습니다. 다른 아이피 즉, 다른 컴퓨터로 확인해보면 적용되어 있는데 본인의 컴퓨터에만 적용이 안되어서 답답한 경우들이 있는데요. 그럴때 사용하는 해결방법을 알아보겠습니다.

1. 강력 새로고침

F12키 -> 새로고침 버튼을 꾹 누르기 -> 강력 새로고침이 뜨면 클릭

 

 

2. 단축키 활용

ctrl + shift + R

세 키를 동시에 누르시면 됩니다.

 

3. 캐시 삭제

우측 상단 톱니바퀴 -> 설정 -> 캐시 검색 -> 캐시 데이터 삭제

 

4. 원인

웹 브라우저는 웹 페이지의 성능을 향상시키기 위해 자주 사용되는 자원(예: CSS 및 JavaScript 파일)을 캐시에 저장합니다. 이 캐시는 브라우저에서 이전 버전의 파일을 저장하고, 이전과 동일한 파일을 새로고침 시에도 사용하려는 경향이 있습니다. 그 결과로 변경된 CSS 또는 JavaScript 파일이 있을 때에도 브라우저는 이전 버전을 계속 사용하게 됩니다. 이로 인해 새로고침을 해도 웹 페이지에 적용된 변경 내용이 반영되지 않을 수 있습니다.