html에 js,css파일 적용이 안되는 문제

c어느 정도 기초 공부를 다 했다고 생각해서 이제 간단한 프로젝트를 하나 만들려고 하던 중이었다

UI를 다 만들어 놓고 js파일을 작성해서 테스트를 하려했는데

뭐지? js가 적용이 안된다 코드를 이리바꾸고 저리바꿔봐도 반응이 없어서 개발자 도구에 들어가서 확인해 봤다

?? 너무 당황스러웠다.. 오류코드가 뜨는게 아니라 어떻게 검색해야 할지도 모르겠고

파일 인식은 하는데 내용은 비어있으니.. 이래저래 검색하다가 답을 찾았다

좋은 글을 보고 해답을 찾았다

<script src="script.js"></script>

이 코드로 자바스크립트를 선언하면 브라우저는 이전에 처리한 js나 css파일을 캐쉬에서 불러와 작업하기 때문에

내가 지금 로컬에 들고있는 파일과 다른 파일을 불러와서 작동한다는 것

사실 이해는 잘 안간다.. 나는 여러가지 시도하던 중에 이전 파일을 삭제시켜서 없어진 것을 확인하고 새로 만들어서 파일을 넣었는데

왜 똑같이 빈 파일로 인식을 한걸까? 캐쉬에 동일한 파일명이 존재해서 캐쉬의 파일로 업데이트를 한것일까?

하여튼 이를 해결하기 위해선 지금 로컬에 있는 파일이 캐쉬에 있는 파일과는 다르다는 걸 인식시켜줘야한다고 한다

그래서 uri의 주소 뒤에 쿼리 스트링으로 해당 파일이 다른 버전임을 알려주자

<script src="script.js?ver=1"></script>

쿼리스트링의 ver= 뒤의 숫자는 아무 숫자나 와도 상관이 없다고 css도 적용이 안된다면 동일한 방법으로 해결이 가능하다

코드 유인원