Google 호스팅 라이브러리는 가장 인기 있는 오픈소스 JavaScript 라이브러리를 위한 안정적이고 신뢰할 수 있으며 전 세계에서 사용할 수 있는 고속 콘텐츠 전송 네트워크입니다.

Google은 각 라이브러리 작업의 주요 이해관계자와 직접 협력하며 최신 버전이 출시되면 이를 수락합니다.

라이브러리

호스팅된 라이브러리를 로드하려면 해당 라이브러리의 HTML 스니펫 (아래 참고)을 복사하여 웹페이지에 붙여넣습니다. 예를 들어 jQuery를 로드하려면 웹페이지에 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> 스니펫을 삽입합니다.

자체 웹사이트에서 HTTP만 사용하더라도 HTTPS를 통해 CDN에서 라이브러리를 로드하는 것이 좋습니다. 요즘은 성능이 빠르며 캐싱도 동일하게 작동합니다. CDN의 파일은 CORS 및 Timing-Allow 헤더와 함께 제공되며 1년 동안 캐시될 수 있습니다.

Bootstrap

스니펫:

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

site:

github.com/twbs/bootstrap

버전:

5.3.3

CesiumJS

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>

site:

github.com/CesiumGS/cesium

버전:

1.78

D3.js

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.9.0/d3.min.js"></script>

site:

d3js.org

versions:

7.9.0, 7.8.5, 7.8.4, 7.8.3, 7.8.2, 7.8.1, 7.8.0, 7.7.0, 7.6.1, 7.4.2, 7.0.0, 7.4.2. 1.5.

Dojo

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>

site:

dojotoolkit.org

버전:

175

Ext Core

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>

site:

sencha.com/products/extcore

버전:

3.1.0, 3.0.0

Hammer.JS

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script>

site:

hammerjs.github.io

버전:

2.0.8

Indefinite Observable

스니펫:

<script type="module">
  import { IndefiniteObservable } from "https://ajax.googleapis.com/ajax/libs/indefinite-observable/2.0.1/indefinite-observable.bundle.js";
</script>

site:

https://github.com/material-motion/indefinite-observable-js

버전:

2.0.1, 1.0.1

jQuery

3.x 스니펫:

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

2.x 스니펫:

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

1.x 스니펫:

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

site:

jquery.com

버전:

참고:

3.3.0, 2.1.2, 1.2.5, 1.2.4는 일상생활의 짧고 불안정한 생활로 인해 호스팅되지 않습니다.

jQuery Mobile

스니펫:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>

site:

jquerymobile.com

버전:

1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0

참고:

이 라이브러리는 jQuery에 종속됩니다. 이 모듈을 로드하기 전에 jQuery도 로드해야 합니다.

jQuery UI

snippet:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"></script>

site:

jqueryui.com

버전:

1.14.1, 1.14.0, 1.13.3, 1.13.2, 1.13.1, 1.13.0, 1.12.1, 1.12.0, 1.11.4, 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2

참고:

이 라이브러리는 jQuery에 종속됩니다. 이 모듈을 로드하기 전에 jQuery도 로드해야 합니다. 버전 1.8.3은 수명이 짧기 때문에 호스팅되지 않으며 별칭 1.8.3는 실제로 1.8.4를 로드합니다.

List.js

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/listjs/2.3.1/list.min.js"></script>

site:

listjs.com

버전:

2.3.1

Material Motion

스니펫:

<script type="module">
  import {
    Draggable,
    Point2DSpring,
    Tossable,
    combineStyleStreams,
    getPointerEventStreamsFromElement,
  } from "https://ajax.googleapis.com/ajax/libs/material-motion/0.1.0/material-motion.bundle.js";
</script>

site:

https://github.com/material-motion/material-motion-js

버전:

0.1.0

Model-Viewer

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.0/model-viewer.min.js"></script>

site:

modelviewer.dev

버전:

3.0.0, 2.1.1, 2.1.0, 2.0.2, 2.0.1, 2.0.0, 1.12.0, 1.11.1, 1.10.0, 1.9.0, 1.8.0, 1.7.2, 1.7.0, 1.7.0, 1.7.0, 1.1.0. 1.0.0.

MooTools

스니펫:

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

site:

mootools.net

버전:

1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.5, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.2.0, 1.2.0, 1.2.0, 1.2.0, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1, 1.2.1

참고:

버전 1.5.1 이하의 경우 축소된 버전의 파일 이름을 mintools.min.js 대신 mootools-yui-Compress.js라고 합니다.

Myanmar Tools

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_detector.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/myanmar-tools/1.2.1/zawgyi_converter.min.js"></script>

site:

https://github.com/google/myanmar-tools/

권장 버전:

1.2.1

모든 호스팅된 버전:

1.0.1

1.1.0

1.1.1

1.1.3

1.2.0

1.2.1

Prototype

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>

site:

prototypejs.org

버전:

1.7.3.0, 1.7.2.0, 1.7.1.0, 1.7.0.0, 1.6.1.0, 1.6.0.3, 1.6.0.2

script.aculo.us

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>

site:

script.aculo.us

버전:

1.9.0, 1.8.3, 1.8.2, 1.8.1

참고:

이 라이브러리는 Prototype에 종속됩니다. 이 모듈을 로드하기 전에 프로토타입을 로드해야 합니다.

Shaka Player

스니펫:

<!-- for non-UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.13.1/shaka-player.compiled.js"></script>

<!-- or, for UI builds: -->
<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/4.13.1/shaka-player.ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/4.13.1/controls.css">

site:

https://github.com/google/shaka-player/

유지 관리 버전:

4.13.1, 4.12.10, 4.11.21, 4.10.26, 4.9.35

모든 호스팅 버전:

4.13.0 - 4.13.1, 4.12.0 - 4.12.10, 4.11.0 - 4.11.21, 4.10.0 - 4.10.26, 4.9.0 - 4.9.35, 4.8.0 - 4.8.20, 4.7.0 - 4.7.15, 4.6.0 - 4.6.18, 4.5.0, 4.4.0 - 4.4.3, 4.3.0 - 4.3.16, 4.2.0 - 4.2.14, 4.1.0 - 4.1.7, 4.0.0 - 4.0.5, 3.3.0 - 3.3.19, 3.2.0 - 3.2.21, 3.1.0 - 3.1.8, 3.0.0 - 3.0.15, 2.5.0-beta - 2.5.23, 2.4.0 - 2.4.7, 2.3.0 - 2.3.10, 2.2.0 - 2.2.10, 2.1.0 - 2.1.9, 2.0.6 - 2.0.9, 1.6.5

SPF

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/spf/2.4.0/spf.js"></script>

site:

youtube.github.io/spfjs

버전:

2.4.0, 2.3.2, 2.3.1, 2.3.0, 2.2.0, 2.1.2, 2.1.1, 2.1.0, 2.0.1, 2.0.0

SWFObject

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

site:

github.com/swfobject/swfobject

버전:

2.2, 2.1

three.js

스니펫:

<script src="https://ajax.googleapis.com/ajax/libs/threejs/r84/three.min.js"></script>

site:

threejs.org

버전:

r84, r83, r82, r81, r80, r79, r78, r77, r76, r75, r74, r73, r72, r71, r70, r69, r68, r67, r49

Web Font Loader

snippet>

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>

site:

github.com/typekit/webfontloader

버전:

1.6.26, 1.6.16, 1.5.18, 1.5.10, 1.5.6, 1.5.3, 1.5.2, 1.5.0

문제 해결

오래된 버전이 표시되나요? /jqueryui/1/...와 같은 '자동 버전' 링크를 사용하지 말고 정확한 버전을 참조하는 URL을 사용하세요. 캐시 관련 문제와 마이너 버전 간의 호환성 부족으로 인해 자동 버전 별칭이 지원 중단되었으며 업데이트가 중단되었습니다. 따라서 아직 자동 버전 별칭을 사용하는 기존 사이트가 중단되지 않도록 자동 버전 별칭은 항상 이전 버전을 참조합니다.

문제가 발생하면 다음 단계를 따르세요.

• 오타를 찾습니다. 자바스크립트는 대소문자를 구분하는 언어입니다.
• Javascript 디버거를 사용합니다. Chrome에서 Chrome DevTools를 사용합니다. Firefox에서는 기본 제공되는 Firefox DevTools를 사용할 수 있습니다. IE에서는 F12 개발자 도구를 사용할 수 있습니다.