사용자 도구

사이트 도구


wiki:javascript:jquery:jquery_note:jquery_get_started

jQuery Get Started

  • description : jQuery Get Started
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-04-15


Adding jQuery to Your Web Pages

웹 사이트에서 jQuery를 사용하는 여러 방법이 있으며, 아래와 같이 할 수 있습니다.

  • jQuery.com에서 jQuery 라이브러리 다운로드
  • Google과 같은 CDN으로 jQuery 포함시키기

Downloading jQuery

다운로드 할 수 있는 두 가지 버전의 jQuery가 있습니다.

  • 프로덕션 버전 - 축소(minified) 및 압축(compressed)되어, 라이브 웹 사이트 용도로 사용합니다
  • 개발 버전 - 테스트 및 개발 용도로 사용합니다.( 비압축(uncompressed)되지 않고, 읽을 수 있는 코드)

두 버전 모두 jQuery.com에서 다운로드 할 수 있습니다.

jQuery 라이브러리는 단일 자바 스크립트 파일이고,
HTML <script> 태그로 참조 표시 합니다 (<script> 태그는 <head> 섹션 내에 있어야 함):

<head>
<script src="jquery-3.5.1.min.js"></script>
</head>


Tip: 다운로드한 파일을 사용하려는 페이지와 동일한 디렉토리에 저장하십시오.

jQuery CDN

jQuery를 직접 다운로드하고 호스팅하지 않으려면, CDN (Content Delivery Network)으로 포함할 수 있습니다.

Google이 jQuery를 호스팅하는 예제입니다.

Googel CDN:

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


Google이 호스팅한 jQuery를 사용하는 한 가지 큰 이점:

많은 사용자가 다른 사이트를 방문할 때 이미 Google에서 %%jQuery%%를 다운로드했습니다. 
그 결과, 사이트를 방문할 때 캐시에서 로딩되어, 로딩 시간이 빨라집니다. 
또한 대부분의 %%CDN%%은 사용자가 파일을 요청하면, 사용자에게 가장 가까운 서버로부터 제공되므로 로딩 시간이 빨라집니다.
/var/services/web/dokuwiki/data/pages/wiki/javascript/jquery/jquery_note/jquery_get_started.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)