css 파일 수정 후 적용 X

 

웹 개발을 하면서 디자인 적으로 수정할 일이 생깁니다.

정렬을 하거나 글자색을 바꾸거나 할 수 있죠.

이걸 자주 하게 되면 어느 순간 적용이 안된다고 느껴질 때가 있습니다.

문법적인 실수를 하지 않았나 다 체크해보지만 멀쩡해요.

되야만 할 때 안된다면 우리의 잘못이 아닐 수 있습니다.

문제 발생 이유

우리가 사용하는 브라우저는 캐시라는 기능을 지원합니다.

페이지에 다양한 리소스가 있다면 이를 따로 저장해둡니다.

갈 때 마다 로딩을 하면 느리다고 느끼고 우리는 불편함을 느끼죠.

더 빠른 웹을 위해 캐시를 사용하게 됩니다.

여기서 문제가 발생합니다.

나는 현재 css나 js를 수정했는데 브라우저는 예전에 받아둔 파일이 있다면서 새걸로 적용을 안해줍니다.

해결 방법

파일명 변경

가장 간단하게는 파일명 자체를 매번 변경해주면 됩니다.

간단하고 귀찮은 방법이죠.

쿼리 스트링 이용

<link href = "aa.css?ver=1">

이런 방식으로 물음표 뒤에 아무 글자를 작성하여 다른 파일임을 인식시켜줄 수 있습니다.

 

브라우저 캐시 지우기

아직 웹을 개발중이고 접속자가 본인 뿐이라면 제 브라우저만 신경 쓰면 됩니다.

보통 설정 - 보안탭에 쿠키 및 캐쉬~~ 하는 부분이 있습니다.여기서 지우시면 해결이 되죠.다만 이것 또한 매번 지워야 된다는 점

 

사담

진짜 3시간 넘게 헤맸는데 캐쉬 문제라니 당황스럽네요.학부생때도 같은 문제가 있었어요.진짜 몇시간 붙잡고 해도 안되던 과제가 다음 날이 되니까 제대로 동작하는 매직!!밤새 과제요정이 다녀가서 해줬나보다~ 하면서 매우 감사해했는데캐쉬악마가 방해한거였네요.악마 : "네 이놈!! 어디서 과제를 벼락치기 하려고!! 무엇이 틀렸는지 고민하며 복습이나 해라!!"앞으로는 당하지 않습니다.