JS 파일을 따로 선언했는데 실행이 되지 않는 경우

문제

jqeury를 사용하면서 js 파일을 따로두어 프로젝트를 진행할 때 js 파일에 있는 내용들이 실행 되지 않는 상황이 발생했다.

 

해결

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

위의 코드를 jquery 설치 코드보다 늦게 작성해야한다. 일찍 작성할 경우 js 파일 내부에 있는 jquery 문법을 인지하지 못하기 때문에 실행이 되지 않는다. 

<script src="https://code.jquery.com/jquery-3.7.0.min.js"
        integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>

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