라이브러리 | 제이쿼리 3.6.0 적용하기
요약
제이쿼리는 자바스크립트로 만들어진 가장 유명하고 유용한 라이브러리입니다.
전세계에서 많은 점유율을 가지고 있을 정도로 명확하고 간결하게 코드를 사용할 수 있지만 그만큼 디테일한 개발에는 한계가 있고 속도가 느려지는 단점이 있어 자바스크립트를 먼저 공부한 다음 제이쿼리를 사용하는 것을 추천하고 있습니다.
다운로드 : 링크
웹 적용법
https://code.jquery.com/jquery-3.6.0.min.jshttps://code.jquery.com/jquery-3.6.0.js링크를 통해 압축 버전과 압축되지 않은 버전을 다운받을 수 있습니다.
제이쿼리는 임베딩 방식을 추천드리지 않는데요, 사이트 속도가 다른 서버의 로딩 속도에 영향을 받기 때문도 있고 용량도 282KB 로 엄청나게 크지도 않기 때문에 가볍게 다운받아 적용하면 좋습니다.
물론 개발자 편의성을 위해 원격에서 다운받아 사용하는 CDN 방식을 지원합니다.
임베딩 적용법
제이쿼리 다운로드 하는 방법입니다. 링크를 통해 들어가면 왠지 모르는 외계어에 당황할 수도 있는데요,전혀 그럴 필요 없이 우측 마우스 클릭한 다음 저장 버튼 누르면 끝이납니다.
제이쿼리 적용
<head>
<script src="/js/제이쿼리.js"></script>
</head>제이쿼리는 다른 제이쿼리 코드를 적용시켜야 하는 특이점이 있어 로드를 빠르게 해야 합니다.<head> 태그에 넣는 것을 권장합니다.
CDN 적용
사이트 접속자가 서버에서 소스를 받아야 할 때 가장 가까운 서버에서 받는 기술입니다.
CDN (Content Delivery Network) 라고 불립니다. 제이쿼리 공식 메뉴얼
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>자바스크립트가 워낙 유명한 이유로 많은 업체가 제이쿼리 CDN을 지원하고 있습니다.
내용의 차이는 없으며 단지 업체에서 이렇게 지원한다는 점을 인지하고 사용하면 큰 문제는 없습니다.
22년 8월 기준 최신버전은 3.6.0이며 계속 업데이트 될겁니다. 최신버전을 참고하려면 공식 홈페이지에서 확인 하는것이 좋습니다.