CSS가 안먹힌다..? (+캐시 문제)

2022. 1. 18. 16:26Web

PHP 페이지를 유지보수 하던 중에 분명 background를 알맞게 설정했는데 적용이 안 되는 현상이 있었다. 

그래서 혹시나 이전에 개발했던 부분의 캐시 문제인가?하고 ctrl+F5를 눌렀더니 바로 적용되었다. 

 

CSS에서 왜 이런 캐시 문제가 발생하는지 좀 더 자세히 찾아보았다. 

CSS를 고쳤는데도 그전과 똑같이 보인다면, 브라우저가 저장해놓은 '캐시'를 사용하기 때문에 그전에 내용이 그대로 보이는 경우가 많다. 해결책으로는 브라우저의 캐시를 지우거나, 파일명 변경해주는 것이 있다.

 

나 같은 경우에는 Ctrl+F5로 캐시를 삭제했다. 

 

 

* Cache란? 

데이터를 임시로 저장해두는 장소. 사용자가 최근에 열어본 페이지로 다시 돌아왔을 때 브라우저는 시간을 줄이고 네트워크에 추가 부담을 덜기 위해, 원래의 서버에서 정보를 찾아오는 대신에 캐시로부터 데이터를 가져오는 것이다. 

 

Cache에 저장되는 파일은 html파일, css파일, 자바스크립트 파일, 이미지 파일과 그 외의 멀티미디어 파일이 캐시로 저장된다. 

 

 

참고 

https://meaownworld.tistory.com/89