Angular 2에서 jQuery 사용

Angular 2에서 jQuery를 사용하는 방법을 소개합니다.

Angular의 jQuery

jQuery는 웹 사이트에서 JavaScript를 더 쉽게 사용할 수 있도록 하는 경량 JavaScript 라이브러리입니다. jQuery를 요구 사항으로 사용하는 라이브러리를 사용해야 하는 경우 Angular 2 애플리케이션에 jQuery를 쉽게 설치하고 사용할 수 있습니다. 하지만 의존성 없이 사용하는 것은 좋은 생각이 아닙니다. jQuery를 사용하거나 Angular 2 애플리케이션에 통합할 때 jQuery는 큰 문제를 일으키지 않습니다. 그러나 종속성 없이 사용하는 경우 기본적으로 제공되는 것은 없습니다.

CLI 명령을 사용하여 Angular 2 애플리케이션에 jQuery를 설치하는 것은 매우 쉽습니다.

# angular
npm install --save jquery

jQuery를 설치한 후 사용하려는 앱 파일로 가져와야 합니다.

# angular
import $ from 'jquery';

$('#mydiv').width();

이 두 가지 간단한 단계를 통해 문제 없이 Angular 애플리케이션에서 jQuery를 쉽게 설치하고 사용할 수 있습니다.