jQuery
jQuery의 목적은 웹 사이트에서 JavaScript를 훨씬 쉽게 사용할 수 있도록 하는 것이다.
jQuery는 “적게 작성하고 더 많은 작업을 수행”하는 경량의 JavaScript 라이브러리다.
jQuery의 목적은 웹 사이트에서 JavaScript를 훨씬 쉽게 사용할 수 있도록 하는 것이다.
jQuery는 수행하기 위해 많은 JavaScript 코드 줄이 필요한 많은 일반적인 작업을 수행하고 이를 한 줄의 코드로 호출할 수 있는 메서드로 래핑한다.
또한 jQuery는 AJAX 호출 및 DOM 조작과 같은 JavaScript의 복잡한 작업을 단순화한다.
jQuery 라이브러리에는 다음 기능이 포함되어 있다.
- HTML/DOM 조작
- CSS 조작
- HTML 이벤트 메소드
- 효과 및 애니메이션
- AJAX
- Utilities
jQuery 사용 방법
jQuery를 사용하는 방법에 대해 알아보자.
- jQuery.com에서 jQuery 라이브러리를 다운로드 후 웹페이지에 추가한다.
- Google과 같은 CDN의 jQuery를 웹페이지에 추가한다.
jQuery 다운로드
다운로드할 수 있는 jQuery 버전은 두 가지가 있다.
- 프로덕션 버전 – 축소 및 압축되었기 때문에 라이브 웹사이트용.
- 개발 버전 – 테스트 및 개발용(압축되지 않고 읽을 수 있는 코드).
두 버전 모두 jQuery.com 에서 다운로드할 수 있다.
jQuery 라이브러리는 단일 JavaScript 파일이며 HTML <script> 태그를 사용하여 참조한다(<script> 태그는 <head> 섹션 내부에 있어야 함).
<head> <script src="다운로드 받은 jQuery 파일 경로"></script> </head>
jQuery CDN
jQuery를 직접 다운로드하고 호스팅하고 싶지 않다면 CDN(Content Delivery Network)에서 포함할 수 있다.
Google jQuery CDN
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> </head>
Google에서 호스팅되는 jQuery를 사용하면 얻을 수 있는 큰 이점 중 하나는 다음과 같다.
많은 사용자가 이미 다른 사이트를 방문할 때 Google에서 jQuery를 다운로드했다.
결과적으로 방문자가 귀하의 사이트를 방문할 때 캐시에서 로드되므로 로드 시간이 더 빨라진다.
또한 대부분의 CDN은 사용자가 파일을 요청하면 가장 가까운 서버에서 해당 파일이 제공되도록 하여 로딩 시간도 단축한다.
jQuery.com CDN
<head> <script src="https://code.jquery.com/jquery-latest.min.js"></script> </head>
jQuery.com에서 제공하는 최신 버전을 불러온다.
참고
