jQuery 시작하기
웹 페이지에 jQuery 추가하기
웹 사이트에서 jQuery를 사용하는 방법에는 여러 가지가 있습니다. 다음을 수행할 수 있습니다.
- jQuery.com에서 jQuery 라이브러리 다운로드
- Google과 같은 CDN의 jQuery 포함
jQuery 다운로드
두 가지 버전의 jQuery를 다운로드할 수 있습니다.
- 프로덕션 버전 - 축소 및 압축되었기 때문에 라이브 웹사이트용입니다.
- 개발 버전 - 테스트 및 개발용입니다(압축되지 않고 읽을 수 있는 코드).
두 버전 모두 jQuery.com 에서 다운로드할 수 있습니다 .
jQuery 라이브러리는 단일 JavaScript 파일이며 HTML <script>
태그로 참조합니다( 태그는 섹션 <script>
안에 있어야 함 ).<head>
<head>
<script src="jquery-3.5.1.min.js"></script>
</head>
팁: 다운로드한 파일을 사용하려는 페이지와 동일한 디렉토리에 두십시오.
제이쿼리 CDN
jQuery를 직접 다운로드하고 호스팅하지 않으려면 CDN(Content Delivery Network)에서 포함할 수 있습니다.
Google은 jQuery를 호스팅하는 사람의 예입니다.
구글 CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
Google에서 호스팅하는 jQuery 사용의 한 가지 큰 이점:
많은 사용자가 다른 사이트를 방문할 때 이미 Google에서 jQuery를 다운로드했습니다. 결과적으로 사용자가 사이트를 방문할 때 캐시에서 로드되므로 로드 시간이 빨라집니다. 또한 대부분의 CDN은 사용자가 파일을 요청하면 가장 가까운 서버에서 제공되므로 로딩 시간이 빨라집니다.