jQuery 가져오기

1. Script 태그를 사용하여 jQuery 가져오기
2. ES6 구문을 사용하여 jQuery 가져오기
3. Browserify/Webpack을 사용하여 jQuery 가져오기
4. AMD(비동기 모듈 정의)를 사용하여 jQuery 가져오기

다양한 플랫폼을 사용하여 jQuery를 가져오는 방법에는 여러 가지가 있습니다. 이 튜토리얼은 jQuery를 환경으로 가져오는 다양한 방법을 보여줍니다.

Script 태그를 사용하여 jQuery 가져오기

이것은 HTML script 태그에서 jQuery 파일을 가져오는 가장 일반적인 방법입니다. 소스에 대한 링크를 제공하거나 파일을 다운로드하고 소스에 있는 파일의 경로를 제공할 수 있습니다.

예를 참조하십시오.

링크 사용:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

다운로드한 파일 사용:

<script src="C:\Users\etc\jquery-3.6.0.min.js"></script>

두 방법 모두 기본 jQuery 가져오기에 유용합니다.

ES6 구문을 사용하여 jQuery 가져오기

Babel은 차세대 JavaScript 컴파일러입니다. Babel에는 JavaScript 코드의 ES6 및 ES2015 모듈을 컴파일하는 기능이 있습니다.

이 방법은 Babel과 같은 컴파일러에서만 지원됩니다. 브라우저는 ES6/ES2015를 지원하지 않습니다. 아래에서 ES6 구문을 사용하여 jQuery를 가져오는 방법을 참조하세요.

import {$, jQuery} from 'jquery';
// to use jQuery
window.$ = $;
window.jQuery = jQuery;

또는 더 간단한 방법:

import jQuery from 'jquery';
window.$ = window.jQuery = jQuery;

두 방법 모두 Babel과 같은 컴파일러에 편리합니다.

Browserify/Webpack을 사용하여 jQuery 가져오기

Browserify와 Webpack은 여러 가지 방법으로 사용할 수 있습니다. Browserify/Webpack에서 jQuery를 변수로 가져올 수 있습니다.

예를 참조하십시오.

var $ = require('jquery');

자세한 내용은 공식 문서를 아래에서 볼 수 있습니다.

1. Browserify
2. Webpack

AMD(비동기 모듈 정의)를 사용하여 jQuery 가져오기

AMD(Asynchronous Module Definition)는 브라우저용으로 생성된 모듈 형식입니다. 함수를 사용하여 AMD에서 jQuery를 가져올 수 있습니다.

예를 참조하십시오.

define(['jquery'], function($) {
  // code here
});

AMD에 대한 자세한 내용은 여기를 참조하세요.