[react.js] react.js 에서 Jquery 사용 하는 방법(unused import $ from jquery )

react.js 에서 Jquery 사용 하는 방법(unused import $ from jquery )

nodejs사용 babel, webpack 사용하는 사람들에게 적용 가능 한 방법입니다.

다른건 모르겠네요 어차피 여긴 야매 가이드니까 신경 ㄴㄴ

이제 튜토리얼 하고 있는데 세상에 바닐라JS는 나에겐 너무 높은 벽이었고

3년전 처음 배울때나 바닐라 JS 사용했지 실무투입하고 난 이후부턴

제이쿼리만 주구장창 썻는데 getelementById 라니 이건 나에게 너무나 가혹한것 같아

제이쿼리를 어떻게 쓸수 있을까 하고 또 구글링을 시작 했습니다.

역시 인터넷엔 없는게 없었고

import $ from "jquery";

이렇게 js에 추가해 주면 사용 할수 있다고 스택오버플로우 형들이 알려주길래

그대로 적용 시켰더니

왜 죽은 동태눈알 색깔을 하고 있는걸까..

unused import $ from jquery 라는 메세지와

메세지창을 확장시키면

checks that javascript or typescript import binding ... 어쩌구 저쩌구

라고 나오면 실행되지 않는다.

아!

npm에서 제이쿼리를 다운받지 않아서 그런건가? 

그렇지 제이쿼리가 없으면 못쓰는거겟지 라는 생각으로

npm install jquery --save

명령어를 입력후 제이쿼리를 설치 했으나

역시 죽은동태눈깔은 돌아오지 않았다.

조금더 구글링을 해보니

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

이렇게 하면 된다고 한다

오오 신기하다 된다된다

이제 리액트에서 제이쿼리를 사용할수 있겟구나 하고

테스트해보니 

제이쿼리 정상작동 하는 것을 확인 할 수 있었다.