jQuery 라이브러리
- 사이트 : https://www.jquery.com
download jQuery > download jQuery3.7.1
d:\WEB\lib\jquery-3.7.1.min.js
jQuery 참조하기
① js 파일을 다운 받아서 사용
<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script>
나는 <script type="text/javascript" src="../js/jquery-3.7.1.min.js"></script>
② http://code.jquery.com의 CDN 서비스를 사용
<script type="text/javascript" src="http://code.jquery.com/jquery-3.7.1.min.js"></script>
③ http://code.jquery.com의 CDN 서비스를 버전 명시 없이 사용
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
CDN(Contents Delivery Network) 이란?
- 지리,물리적으로 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공할 수 있는 기술
- 느린 응답속도 / 다운로딩 타임 을 극복하기 위한 기술
- 사용자가 원격지에 있는 서버(Origin Server)로 부터 Content(ex Web Object, Video, Music, Image, Document 등)를 다운로드 받을때 가까이 있는 서버에서 받는 것보다 시간이 오래 걸린다
- 그러므로 사용자와 가까운 곳에 위치한 Cache Server에 해당 Content를 저장(캐싱)하고 Content 요청시에 Cache Server가 응답을 주는 기술이다
CDN 을 사용하지 않는 경우 | CDN 을 사용하는 경우 |
콘텐츠를 담고있는 서버(Origin Server)들은 모든 사용자의 요청에 일일이 응답해야 한다. 이는 막대한 트래픽을 유발하고, 트래픽이 과도하게 증가하거나 부하가 끊임없이 들어오는 경우 장애가 발생할 확률도 크다. |
CDN을 사용함으로써 서버의 트래픽 부하 및 비용을 줄이고 사용자에게 빠른 서비스 제공도 가능하다. 장애 확률도 낮춰 줄 수 있다. |
'WEB > jQuery' 카테고리의 다른 글
jQuery Animation (0) | 2024.08.28 |
---|---|
jQuery CSS (0) | 2024.08.28 |
attr() / prop() / get() (0) | 2024.08.28 |
jQuery Event (0) | 2024.08.28 |
jQuery 개요 (0) | 2024.08.28 |