문제 상황
write.jsp 페이지 조회 후 브라우저 콘솔 창에 다음과 같은 오류를 확인했다. Uncaught ReferenceError: jQuery is not defined, Uncaught ReferenceError: $ is not defined
html은 순차적으로 문서를 해석한다. write.jsp의 <head> 태그에는 다음과 같은 <script> 태그를 포함하는데 44, 45번째 줄의 .js 파일, 그리고 53번째 줄의 $ 모두 jQuery를 필요로 한다. 하지만 jQuery를 불러오는 <script> 태그는 <body> 태그 안에 존재하기 때문에 이와 같은 에러가 발생한 것이다.
44
<script src="<%=ctx%>/assest/template/js/vendor/trumbowyg.min.js"></script>
45
<script src="<%=ctx%>/assest/template/js/vendor/trumbowyg/ko.js"></script>
46
<script type="text/javascript">
47 $('#trumbowyg-demo')
48 .trumbowyg({
49 lang: 'kr'
50 })
51
52 window.onload = function() {
53 $('#trumbowyg-demo').on('tbwchange', function(){
54 // console.log($('#content').value = $(this).text());
55 $('#content').val($(this).text());
56 });
57 }
58
</script>해결 방법
43번째 줄에 <script src="http://code.jquery.com/jquery-latest.js"></script>를 추가해주었다.
