css파일 변경 이후에 로컬서버에서 적용이 안되어 구글링을 하였다.
해결방법이 간단하지만 까먹을 수 있을거 같아 글로 작성한다.
원인은 브라우저가 이전에 사용한 css를 브라우저 캐시에 보관해 사용하기 때문에
변경된 css를 인식하지 못하는 것이라고 한다.
1. 강력한 새로고침
F12를 눌러 개발자도구를 킨다.
아래 그림처럼 브라우저 좌측 상단에 있는 새로고침 아이콘에 마우스를 대고
마우스 오른쪽 버튼으로 클릭하여 캐시비우기 및 강력 새로고침을 클릭한다.
2. ?after 추가
F12를 눌러 개발자도구를 킨다.
HTML파일 안에 CSS를 불러오는 해당 <link태그>를 찾아 뒷부분에 ?after를 추가한다.
밑에는 예시이다.
적용 전
<link rel="stylesheet" type="text/css" href="....css"/>적용 후
<link rel="stylesheet" type="text/css" href="....css?after"/>
wannabe---ing