⛔️문제
변경사항이 있는 CSS 파일을 수정하고 WEB서버에 반영을 했는데 수정한 내용이 반영이 안되는 문제.
로컬에서 테스트를 하면 수정한 내용이 정상적으로 동작 함 확인함.
📝원인
브라우저가 캐쉬를 사용하기 때문에 브라우저의 캐쉬에 적재된 JS나 CSS 파일 내용으로 계속 처리가 되기 때문이다. 새로 변경된 파일임을 브라우저가 인식하지 못해서 생기는 문제.
💊해결방법
CSS파일명 뒤에 버전 정보를 쿼리스트링 형태로 추가. ?ver=버전 여기서 버전은 어떤 숫자를 넣어도 상관없음 버전 정보를 파일명 뒤에 추가함으로써 브라우저가 기존 URL과는 다른 URL임을 인식하게 되어서 캐쉬된 파일대신에 쿼리스트링이 추가된 CSS파일을 사용함
<link href="./css/index.css?ver=1" rel="stylesheet">