jQuery
jQuery란 Javascript를 쉽게 사용하기 위한 하나의 라이브러리이다. 특히, DOM 및 이벤트 처리에 용이하다.
jQuery 사용 방법
1. 다운로드하여 프로젝트에 포함
jQuery 사이트에서 파일을 다운받는다.
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
파일 다운로드를 완료했다면 IntelliJ 프로젝트 내에서 다음 순서대로 설정을 진행한다.
File > Setting > Languages & Frameworks > Javascript > Libraries > Add '+' > Attach Files... > jQuery 파일 선택
2. CDN(Content Delivery Network) 방식으로 사용(링크 삽입)
지리적으로 분산된 여러 개의 서버를 운영해 하나의 서비스를 제공한다. 즉, 라이브러리(자바스크립트 등)를 프로젝트에 직접 포함시키지 않고 외부 제공 서버를 활용하여 사용하는 방식이다. 활용 분야로는 Js, CSS 등이 있다.
새로 생성한 jsp 파일마다 다음과 같은 코드를 작성해준다.
<script src="js/jquery-3.6.1.min.js"
integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
crossorigin="anonymous"></script>여기서 보조 속성 두 가지가 있다.
- intefrity : 두 서버로 나눠져 있는 자바스크립트 코드(jQuery 코드와 개발자가 작성한 코드)를 병합할 때 사용하는 암호와 키값을 지정
- crossorigin : 두 서버를 사용해 하나의 서비스를 제공하는 것을 허용하기 위한 속성
