javascript 사용 시 jQuery 미 호출시 오류

Springboot JPA에 thymeleaf를 결합한 프로젝트를 하다가 개발자 도구에서 아래와 같은 오류가 발생했다.

 

 

 

대충 에러는 위와 같이 존재하지 않는 변수를 참조하는 곳이 있다고 경고하고 있다.

 

해결 방법은

 

라이브러리(jQuery와 같은)의 로딩을 반드시 코드 "$"와 같은 라이브러리 변수에 접근하기 이전에 수행해야 한다.

 

라이브러리를 로딩하는 <script> 태그가 그 변수를 사용하는 코드보다 앞에 위치하도록 한다.

 

해결