css가 먹히지 않을 때

팀프로젝트를 하는데 내가 커밋한 CSS 부분을 같은 팀원이 적용을 못했다.
분명 pull이 잘 된 것을 확인했는데
크롬에서 개발자모드로 들어가 소스를 보니 최신 소스가 아니었던 것!

구글 선생님께서 알려준 방법은

1. 모든 쿠키 삭제하기

구글 설정에서 모든 쿠키들을 삭제했지만 우리의 경우 도움이 되지 않았다.

2. ?after

<link href="~~~.css?after" />

로 해결했다!
css 파일을 임포트하기 위해 <link>태그를 사용했는데, .css뒤에 ?after를 추가해주니까 새로운 css가 정상적으로 적용됐다.

원인은 브라우저가 기존에 가지고 있던 css를 캐시에 저장하여 사용하기 때문에 변경사항을 적용하지 못한 것이라고 한다.

?뒤에 사실 after말고 다른 문자열이 와도 상관이 없다고 하는데

참고한 링크에서 👉여기! 확인해보길!