제이쿼리란?
제이쿼리는 모질라 사의 자바스크립트 개발자였던 존 레식(John Resig)이 자바스크립트를 이용해 만든 라이브러리 언어임. 라이브러리 언어란, 자바스크립트로 만들어진 다양한 함수들의 집합을 가리킴. 제이쿼리는 다양한 함수들을 사용자에게 제공함으로써 자바스크립트에서 사용할 때 불편했던 몇 가지 점들을 간편하게 사용할 수 있도록 개선하였음.
제이쿼리 라이브러리 연동하기
제이쿼리를 연동하는 방법에는 다운로드(Download) 방식과 네트워크 전송(CDN, Content Delivery Network) 방식이 있음.
다운로드 방식은 네트워크 상태와 상관없이 언제든 개발할 수 있다는 장점이 있음. 간단히 테스트할 목적이라면 간편하게 연동할 수 있는 네트워크 전송방식을 추천
① 다운로드 방식
웹사이트 : CDNJS
- CDNJS 사이트에서 jquery 검색 > 제이쿼리 라이브러리 선택 > 버전 선택 (책에서는 1.12.4이고, 현재는 3.6.1)
- 선택한 라이브러리 목록에 [jquery.js], [jquery.min.js] 중 하나를 선택해
Copy URL클릭jquery.js: 소스에 들여쓰기, 줄 바꿈, 주석까지 정리된 비압축파일로, 제이쿼리 자체를 개발할 때 유용jquery.min.js: 소스에 들여쓰기, 줄 바꿈, 주석이 무시된 압축 파일로, 소스가 압축되어 있어 제이쿼리 자체를 개발하는 용도로는 적합하지 않음. 하지만 용량이 작아 로딩 속도가 빠름.
- 복사한 URL을 주소 영역에 붙여 넣은 후 이동하면, 아래와 같은 소스가 길게 적힌 화면이 보임.
- 화면에 마우스 포인터를 둔 상태로
Ctrl + S를 눌러 저장함.
- 이
js파일은 HTML 파일이 있는 폴더에 js라는 이름으로 폴더를 만들어 저장. - HTML의
<head>영역에<script>태그를 삽입하여 제이쿼리 라이브러리를 불러옴.
② 네트워크 전송 방식
- 다운로드 방식과 동일하게 CDNJS 사이트에서
Copy Script Tag클릭하여 복사하여<head> 태그에 붙여넣기 함.
③ 최신 버전에서 삭제된 이전 버전 메서드 사용하기
-
최신 버전에서 삭제된 이전 버전(1.9미만)의 기능을 사용하려면
Migrate plugin을 설치하면 됨. -
다음 화면과 같이 jquery.com에서 [Download the compressed, production JQuery Migrate 1.4.1]을 클릭한 후 'js'폴더에 내려 받음.
-
<head>태그영역 안에 제이쿼리 최신 버전의 라이브러리 파일을 연동한 태그 다음 부분에 내려받은 [Jquery Migrate 1.4.1]파일을 연동함.
