[JavaScript] JavaScript 수정 사항 미반영 오류 해결하기

개요

이번 글은 JavaScript 코드를 수정했는데 수정 사항이 반영되지 않을 때 해결하는 방법에 대해 이야기해 보려고 한다.

해결 방법

Step1. 현재 브라우저에서 F12를 누르고 Network 탭으로 들어가 해당 js 파일 확인하기

JS 파일 확인

이 단계를 통해 에디터에서 작성했던 자바스크립트 코드가 브라우저에는 미적용됨을 확인할 수 있다.

Step2. 브라우저 캐시 지우기

2-1. 브라우저 맨 오른쪽 위에 세로로 점 3개 버튼을 클릭한다.

2-2. 더보기 -> 인터넷 사용 기록 삭제를 클릭한다.

2-3. 설정 창이 열리고 기간을 전체 기간으로 설정한 후 인터넷 사용 기록 삭제 버튼을 클릭한다.

설정 창

Step3. 에디터에서 캐시 무효화를 해준다. (IntelliJ)

3-1. 인텔리제이 기준 파일 -> 캐시 무효화로 들어가준다.

3-2. 무효화 및 다시 시작 버튼을 클릭해준다.

위의 3단계 스텝을 거친 후에 프로젝트를 다시 실행해보면 수정했던 JavaScript 코드가 정상적으로 적용됨을 확인할 수 있다.