angular2에서 jquery 사용하기

angular2에서 jquery 사용하기

참고 : https://stackoverflow.com/questions/30623825/how-to-use-jquery-with-angular2

STEP 1 - First things first

// In the console
// First install jQuery
npm install --save jquery
// and jQuery Definition
npm install -D @types/jquery

STEP 2 - IMPORT

// Now, within any of the app files (ES2015 style)
import * as $ from 'jquery';
//
$('#elemId').width();

// OR

// CommonJS style - working with "require"
import $ = require('jquery')
//
$('#elemId').width();

#UPDATE - Feb - 2017

Lately, I'm writing code with ES6 instead of typescript and am able to import without * as $ in the import statement. This is what it looks like now:

import $ from 'jquery';
//
$('#elemId').width();

이후 블로그를 검색하다가 찾은 글입니다.  (https://joshuajangblog.wordpress.com/2016/07/23/jquery-vs-angular/)

jquery를 사용하지 않고 angular2 기능을 사용하여 대부분 구현가능하기 때문에 

결론은 angular2에서 jquery를 사용하지 마라는..