$(function(){ }); 부분이 실행 안될 때 Uncaught ReferenceError: $ is not defined 해결방법

$(function(){ }); 부분이 실행 안될 때 Uncaught ReferenceError: $ is not defined 해결방법

 

초보적인 실수 이기는 하나 놓치기 쉰운 실수 이기도 한

Uncaught ReferenceError: $ is not defined 에러의 해결법에 대해 알아보자.

 

초반에 셋팅하고 실행했는데 $(function(){ }); 부분이 실행 안될 때가 있다.

페이지 로딩이 안되는 것도 아닌데...

 

이럴때 개발자모드(F12) 를 보면 Uncaught ReferenceError: $ is not defined 에러가 떠있다.

 

 

원인은 간단하다. 제이쿼리 js가 로딩이 안된것.

기본적인 셋팅이 되있다면 당연히 나지 않는 에러이지만 처음부터 하다보면 실수 할 수 있다.

 

 

 

제이쿼리 가 없으면 $을 사용할 수 없기 때문에 에러가 난 것.

 

따라서 페이지에 제이쿼리 js 만 불러오면 된다.

 

보통 페이지별로 하지 않고 top이나 헤더에 한번만 불러오도록 한다.

 

<script src="<c:url value="/js/egovframework/mbl/cmm/jquery-1.11.2.min.js" />"></script>

 

경로와 버전은 각자에 맞게 수정한다.

 

그럼 해결.