[Web] CSS, JS 변경 내용이 적용되지 않을 때

css 파일을 만들고 <link rel="stylesheet" type="text/css" href="css/main.css">로 css 파일을 적용시켰으나, 이후 main.css 변경 내용이 적용 되지 않았다.

이와 같은 CSS, JS 문제는 브라우저의 캐시와 관련되어 발생하는 문제이다.

여러가지 해결 방법을 찾아보았는데,

1. 

윈도우: ctrl + f5

맥: shift + command  + r

서버에서 파일을 다시 새로 불러와서 모두 적용된다.

2.

크롬에서 개발자 콘솔을 연 다음 새로고침 버튼 길게 눌러 강제 새로고침을 실행한다.

3.

서버를 재시작하고 시크릿창으로 진행한다.

4.

href="...../style.css?ver=1"처럼 뒤에 ver=1을 추가한다.

네 번째 방법은 파일을 수정할 때 마다 버전을 올려야 변경 사항이 적용 되어 자주 파일을 수정하는 단계에서는 매우 번거롭고 불편했다. 따라서 첫 번째 방법으로 이와 같은 문제를 해결하였다.