CSS link가 안될때

CSS link가 안될때

css를 link태그로 걸었는데 적용이 안될때가 있다.
웹서버에서 캐시에 올려놓고 새로운 파일로 교체를 안해주기 때문에 생기는 문제다.
문법적인 오류가 없는데도 안된다면 이 상황을 한번 의심해보자

해결방법을 알아보자.

1.브라우저에서 캐시를 지워주는 방법

크롬을 기준으로 설명하면

더 보기 버튼 -> 방문기록 -> 인터넷 사용 기록 삭제

2.css파일 이름을 바꿔주기

새로운 css파일을 올려서 웹서버에서 교체시켜주도록 하자

<link  href="css/custom.css?ver0.1" rel="stylesheet" type="text/css">

이런식으로 css경로뒤에 ?ver0.1 이렇게 붙여서 써준다.

그냥 다른 이름쓰면 되지만 보통은 버전을 많이 쓴다.

---

추가

버전보다 좋아보이는 방법이 있어서 추가

?v=<%=System.currentTimeMillis() %>

이렇게 자바의 현재시간을 표시해주는 함수를 넣어주면 알아서 계속 시간이 바뀌니까 따로 적어줄 필요가 없이 자동으로 이름이 계속 업데이트가 된다.