jsp 파일에 kendo UI를 적용하는 중에 다음과 같은 오류가 발견했다.

jQuery is not defined

1. jQuery Script 추가

1차적으로, webapp에 jQuery js 파일을 넣은 후, 경로 설정을 했다.

(1)파일 추가

파일 추가

경로: webapp/resources/js/jquery-2.1.4.min.js

(2)script 추가

script 추가


<script type="text/javascript" src="resources/js/jquery-2.1.4.min.js"></script>

2. 주의사항

(1)jQuery와 javaScript를 동시에 사용하는 경우, jQuery를 먼저 import 해야 한다.

1 번 조치 후에도, 동일한 에러가 발생했다.
구글링 결과, jQuery를 먼저 import 해야 함을 알았고 코드를 다음과 같이 수정했다.

jQuery import를 상단으로 올림


위 코드로 수정하니, jsp가 정상 작동했다.

(2)<script /> 축약 사용 불가

<script type="text/javascript" src="resources/js/jquery-2.1.4.min.js" />
이처럼 태그 축약 사용 시, 정상 작동하지 않을 경우가 있다.

따라서,
<script type="text/javascript" src="resources/js/jquery-2.1.4.min.js"></script>
이처럼 코드를 작성하는 것이 좋다.

+ Recent posts