React에서 Jquery 사용하기

1. jquery 설치하기

: npm install jquery --save

 

2. jquery import 하기

 1) import $ from 'jquery'

 2) import jQuery from 'jquery'

 3) import { $, jQuery }  from 'jquery'

: $ or jQuery 중 jquery문에 사용된 것이 있으면 해당 문자를 import 하면 된다.

 

3. $(window)를 사용할 경우

 1) useEffect 문 안에 (class 컴포넌트의 경우 componentDidmount) 다음을 입력한다.

         window.$ = window.jQuery = jQuery;

 2) jquery 문은 따로 js 파일을 만들어 import 시키도록 한다.

     (원래는 컴포넌트 안에 jquery 문을 입력해주면 작동하는데, window useEffect문이 들어갈 경우 무슨 이유에선지 작동되지 않음.)

 

 

 

참고사이트

https://yamea-guide.tistory.com/entry/reactjs-reactjs-%EC%97%90%EC%84%9C-Jquery-%EC%82%AC%EC%9A%A9-%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95unused-import-from-jquery