본문 바로가기

IT/jquery

[JQUERY]티스토리 블로그에 JQUERY 불러오기

블로그를 운영하게 되면서 조금씩 욕심이 생기는 거 같습니다. 티스토리에서 제공하는 스킨에 몇가지 기능을 추가하고 싶은 생각을 하게 되어 홈페이지를 작업하면서 알고 있었던 jquery 라이브러리를 티스토리 블로그에 적용해보기로 하였습니다.

 

어려울거라는 생각은 들지만 시도를 해보다 보면 좋은 결과가 있을 것이라고 생각합니다.

 

  먼저 jquery(제이쿼리)를 티스토리 블로그에 적용을 하려면 사용하는 블로그에서 jquery(제이쿼리) 라이브러를 로드를 해야합니다. 보통은 적용된 티스토리 블로그의 스킨 폴더의 images/폴더 아래에 jquery(제이쿼리) 파일을 업로드 하여 사용합니다. 저는 jquery(제이쿼리) 파일을 구글 서버에서 로드 하는 방법을 선택하였습니다.

 

jquery(제이쿼리)라이브러리는 지금도 개발이 이루어지고 있다보니 항상 최신버전을 유지하는 것이 좋다고 생각하고 있다보니 구글에서 제이쿼리를 로드할때 항상 최신 버전으로 로드하도록 블로그에 적용하였습니다.

 

<title>[##_page_title_##] :: [##_title_##]  </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

 

 

이렇게 HTML>CSS 편집 메뉴로 가서 위와 같이 코드를 삽입하게 되면 됩니다.

 

구글에서 jquery(제이쿼리) 라이브러리를 로드하게 되면 몇가지 장점이 있습니다.

 

 - 구글에서 로드를 하게 되므로 블로그를 운영하는 서버에 부담을 주지 않게됩니다.

 - 구글의 서버는 어떤 서버보다 빠릅니다. 따라서 사용자가 로딩할때 빠르게 로딩이 됩니다.

 그리고 접속자가 구글의 라이브러를 사용하는 사이트를 방문한적이 있다면 다시 로딩 되는 일이 없어서 속도가 빨라지는 장점이 있습니다.

그리고 구글 CDN 서버에는 모든 버전의 jquery(제이쿼리) 라이브러리가 저장되어 있으므로 버전이 맞지 않아 오류가 나는 부분을 최소화 시키를 수 있는 장점이 있습니다.

 

 

 

PS : 위의 주소를 사용하면 jQuery는 로딩이 안됩니다. 구글의 CDN 주소가 변경 된 것이 아니고, jQuery 버전에 따라서 주소를 변경하여야 합니다.

 

현재 jQuery의 1.x.x 대의 최신버전 주소는 다음과 같습니다.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

 

 

 그리고 jQuery뿐만 아니라 jQuery UI를 비롯한 많은 자바스크립트 (JavaScript) 라이브러리를 구글에서 호스팅하고 있으니 레퍼런스를 참조하기 바랍니다.

 

Reference:
https://developers.google.com/speed/libraries/devguide?hl=fr#jquery

'IT > jquery' 카테고리의 다른 글

jQuery element(요소)의 속성 관련 메서드 정리  (0) 2012.12.13
jQuery CSS 제어 메서드 정리  (1) 2012.11.29
[jQuery]jQuery Core 란?  (0) 2012.11.26
jQuery 문법  (0) 2012.11.23
[jQuery]jQUERY란?  (0) 2012.11.21
[JQUERY]티스토리 블로그에 JQUERY 불러오기  (0) 2012.11.19