반응형
JQuery란?
HTML 문서 내의 요소를 쉽고 효율적으로 조작할 수 있게 해주는 자바스크립트 라이브러리입니다. 2006년에 John Resig에 의해 처음 개발되었으며, 현재 웹 개발자들 사이에서 널리 사용되고 있습니다.
CDN이란?
전 세계에 분산된 서버 네트워크를 통해 콘텐츠를 사용자에게 빠르고 효율적으로 제공하는 시스템입니다.
CDN의 주요 목적은 웹 페이지의 로딩 속도를 향상시키고, 대역폭 사용을 최적화하며, 서버의 부하를 분산시키는 것입니다.
URL
jquery cdn 은 다양한 사이트에서 현재 제공을 하고 있어서 아래의 사이트 중 하나를 골라서 사용하면 된다.
- Google Hosted Libraries
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
- Microsoft CDN
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
- jQuery's own CDN
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- cdnjs (Cloudflare)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
- jsDelivr
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
사용법
URL 중에서 하나를 선택한 다음 HTML의 <head> 또는 <body>태그 내에 <script> 태그를 작성하면 되고, 기본적으로 <head>에 넣어서 많이 사용된다.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JQurey CDN 사용하기</title>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>반응형
'IT > HTML|Script|PHP' 카테고리의 다른 글
| 사이트맵(Sitemap) 쉽게 작성을 도와주는 사이트 (1) | 2024.09.30 |
|---|---|
| [HTML/Script] Canvas 이미지 다운로드 (0) | 2024.08.30 |
| [HTML] A태그(링크 연결) 사용법 및 CSS(밑줄, 점선, 색상) (0) | 2024.08.01 |
| [HTML/JS] Geolocation API 사용하여 위치 정보 가져오기 (0) | 2024.07.01 |
| 캐노니컬 태그 (Canonical tag)란? (0) | 2024.06.28 |
댓글