jQuery CDN 사용하기

jQuery CDN을 사용하기 위하여 일단 CDN이 무엇인지 알아보자.

CDN(Content Delivery Network) 이란???(텀즈: http://terms.co.kr/CDN.htm)

일종의 캐시 역할을 할 수 있도록 전체 네트웍 상에 동일한 콘텐츠 내용을 복제하여 대규모 인트라넷 또는 인터넷상에 분산시켜 놓은 시스템을 말한다. 콘텐츠가 복제되어 특정 국가 또는 전세계에 걸쳐 분산 배치되면, 사용자들은 그것이 하나의 웹사이트에 있을 때보다 훨씬 더 빠르게 액세스할 수 있게 된다. CDN은 Akamai와 같은 콘텐츠 전달 조직, 전국의 커버할 수 있는 대규모 ISP, 또는 대기업 등에 의해 제공된다.

다시 말해서, 네트웍 대역폭이 큰 서버(MS,google..)로 부터 js파일 등을 내려 받기때문에 웹 서버의 부하를 줄이고 엔드 유저에게 빠른 로드 타임을 제공하기 위한것이라 생각하면 된다.

그렇다면 CDN을 제공하는 곳은 어디가 있는지 알아보자.

http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery

위 사이트에 들어가 보면 현재 jQuery를 CDN 호스트 하고 있는 곳을 쉽게 알수 있다.

현재 날짜를 기준으로 Google, Microsoft, jQuery 가 있다.

세가지 중 어느 곳을 써도 무관 하지만 VisualStudio 를 사용하여 개발을 한다면 개인적으로 Microsoft CDN을 추천한다.

Why? MS는 인텔리센스 기능을 제공하기 때문에!!! ㅎㅎㅎ

하지만 위의 사이트에 링크 되어 있는 주소로는 인텔리 센스 기능을 사용할수 없으니 아래 링크를 참고 하자.

http://www.asp.net/ajaxlibrary/cdn.ashx#jQuery_Releases_on_the_CDN_0

사이트에 접속해 보면 버전별로 링크가 나와 있는 것을 확인할수 있다.

뒤에 vsdoc이 붙어 있는 링크를 인클루드 하여 VisualStudio로 개발을 한다면 쩜을 찍으면 인텔리 센스가 나오는 것을 확인할수 있다.

아래와 같이 인클루드를 하면 된다.

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1-vsdoc.js"></script>

그런데 만약에 CDN을 제공하고 있는 서버가 에러가 난다거나 도메인이 바뀌어 버린다면 어떻게 해야할까요??

어렵지 않아요~~fallback기능을 사용하면 되요~~~ㅡㅡ;;

위의소스 아래를 다음과 같이 수정하면 된다.

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/Scripts/jquery-1.7.2.min.js' type='text/javascript'%3E%3C/script%3E")); } </script>

위와 같이 CDN에서 찾지 못하였을 경우에는 로컬에서 찾아라~!!하는 구문인것이다..

CDN을 활용하여 조금이나마 빠르고 쉽게 개발하자