- JQuery : 자바스크립트의 대표적인 라이브러리 언어(프레임워크)
JQuery 설치
https://jquery.com/download/ 이동
제일 위에거 클릭!
Download the compressed, production jQuery 3.6.0
=> 압축된 파일 (주석X, 줄바꿈, 공백 x)
Download the uncompressed, development jQuery 3.6.0
=> 비압축된 파일 (주석O, 줄바꿈, 공백O)
Download the compressed, production jQuery 3.6.0 slim build
=> 압축된 슬림 파일 파일 (주석X, 줄바꿈, 공백 x, Ajax, 효과 X)
Download the uncompressed, development jQuery 3.6.0 slim build
=> 비압축된 슬림 파일 (주석O, 줄바꿈, 공백O, Ajax, 효과 X)
아래처럼 뜨면 오른쪽 마우스 클릭 -> 다른 이름으로 저장 후
WebContent 아래 js 폴더 생성 후 라이브러리 설치(복사)
그리고 jsp 파일에서
<script src="../js/jquery-3.6.0.min.js"></script>
와 같이 스크립트 태그를 추가한다.
JQuery 사용할 땐 아래처럼 두 가지 방법으로 사용 가능하다. JQuery 라이브러리 추가 태그 후 아래 script 태그에 사용해야한다!
<script src="../js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("JQuery 실행 1");
});
$(function(){
alert("JQuery 실행 2");
});
</script>
그러면 Jquery 사용 위한 준비 끝!!!
혹은 라이브러리를 다운받지 않고도 사용 가능하다.
홈페이지에서 다운로드 탭에서 아래쪽에 보면 Using jQuery with a CDN이 있다. 여기서 아래쪽 주소 클릭
그런 후 사용 원하는 버전 선택 후 뜨는 코드를 script 태그에 붙여넣어도 OK!
=> 네트워크로 쓰는 경우 (라이브러리 설치 없이 링크로 연결하는 두번째 방법), 외부 링크 못 쓰는 경우가 있을 수 있음. 대부분 맞는 라이브러리 버전을 설치해서 사용함!!
이클립스에서 JQuery 자동 완성 사용하기
프로젝트 우클릭 -> Configure -> Convert to Tern Proejct 클릭
jQuery 2개 선택 후 OK
그럼 jquery 자동완성 가능함!
Tern 프로젝트 설치가 안되어있는 경우 Help -> Eclipse Marketplace 에서 tern 검색 후 아래 두개 중 하나만 설치하면 OK
'2. Front-end > 2-3. Java Script' 카테고리의 다른 글
JQuery- [ 라이브러리(slick) 설치 ] (0) | 2022.04.23 |
---|---|
JQuery - [ 기본 사용 ] (0) | 2022.04.21 |
JS - [객체의 종류] (0) | 2022.03.14 |
JS - [위치 정보 받아오기(getCurrentPosition) / Weather 기능] (0) | 2022.03.03 |
JS - [To Do리스트 만들기(JSON.stringify / JSON.parse / filter)] (0) | 2022.03.03 |