728x90
728x90
목 차
1. CDN이란?
- CDN(Content Delivery Network)은 전 세계에 분산된 서버 네트워크를 통해 라이브러리를 빠르게 제공하는 시스템입니다.
- 브라우저가 동일한 jQuery 파일을 이미 캐시하고 있을 가능성이 커서 로드 속도가 빨라짐.
- 서버 부하를 줄일 수 있음.
2. jQuery CDN 확인하기
- jQuery CDN 주소는 jQuery 공식 웹사이트에서 항상 최신 버전을 확인할 수 있습니다.
2-1. 현재 압축된 안정 버전 (minified)
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
2-2. 압축되지 않은 안정 버전 (디버깅용)
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
3. 프로젝트 jQuery 설치
- 아래 소스를 실행시키면 콘솔창에 "jQuery 정상 실행"이 나타나면 정상 설치된 것입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- jQuery CDN 주소 입력 -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!--<script src="https://code.jquery.com/jquery-3.7.1.js"></script>-->
<script>
$(document).ready(function() {
console.log("jQuery 정상 실행");
});
</script>
</head>
<body>
<h2>jQuery 시작하기</h2>
</body>
</html>
728x90
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jquery] 동적 요소 이벤트 바인딩 처리 (78) | 2024.12.02 |
|---|---|
| [jquery] click() 메서드와 on("click") 메서드의 차이 (63) | 2024.12.02 |
| jQuery 페이지 로드 후 실행 이벤트 (45) | 2024.12.02 |
| 제이쿼리 선택자 정리 (Selector) (0) | 2024.12.01 |
| jQuery란 무엇인가? (0) | 2024.11.29 |