제이쿼리(jQuery) 간략하게 알아보기
웹 개발에서 jQuery는 많은 웹 개발자들이 자주 사용하는 JavaScript 라이브러리 중 하나입니다.
jQuery를 사용하면 웹 개발을 보다 더 쉽고 효율적이게 할 수 있으며 다양한 브라우저에서 일관된 동작을 보장합니다
jQuery를 사용하면 브라우저 간의 호환성 문제를 해결해 주고 복잡한 DOM 조작을 간단하게 만들 수 있습니다
jQuery를 사용하려면 다음과 같이 jQuery 라이브러리를 웹 페이지에 연결해야 합니다.
01. 제이쿼리 라이브러리 다운로드
단계 1: 제이쿼리 홈페이지에서 Download jQuery를 클릭
- 제이쿼리 홈페이지 https://jquery.com/
단계 2: 맨 위에 있는 링크를 클릭 (최신 버전)
단계 3: 마우스 우클릭 - 다른 이름으로 저장
- 해당 링크를 클릭하면 알 수 없는 텍스트가 나오지만 마우스 우클릭 - 다른 이름으로 저장 후 원하는 경로로 이동시킨 후 <head> 태그 안에 <script src="해당파일 이동경로"></script>로 연결 할 수 있습니다
02. CDN(Content Delivery Network)을 통한 jQuery 연결
단계 1: CDN(Cotent Delivery Network) 링크 추가
jQuery를 연결하기 위해 CDN을 사용하면 가장 간단하고 빠른 방법입니다.
CDN은 라이브러리를 제공하는 웹 서버에서 jQuery를 가져오는 방식으로 이를 통해 jQuery 파일 다운이 없이 라이브러리를 사용할 수 있습니다
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
단계 2: CDN(Cotent Delivery Network) 연결 방법
<head> 태그 안에 <script> 태그를 사용하여 CDN 링크를 </head> 위로 추가합니다
- 제이쿼리 파일을 따로 분리한 경우 CDN 링크 밑으로 <script>를 추가하여 해당 파일 경로를 적습니다
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> // 제이쿼리 CDN 연결
<script src="이동경로"></script>
</head>