본문 바로가기

오픈소스/노드

[Node] React에서 jQuery 사용 방법

 

 Javscript에서는 실제로 jquery가 너무 많이 필요하지 않으며 React에서 많이 지원하기 때문에 자주 사용하진 않습니다. 그러나 여전히 이 거대한 jQuery 플러그인 지원 때문에 jQuery를 완전히 피할 수는 없습니다. 이 때문에 jquery를 거의 느끼지 못할 수도 있습니다.

 

 jQuery를 리액트 프로젝트에 적용시키는 방법을 알아보도록 하겠습니다.

 

 

# Contents


  • react에서 jQuery 적용

 

 

# react에서 jQuery 적용


 먼저 jQuery 라이브러리 혹은 패키지를 설치하도록 하겠습니다.

 리액트를 편하게 사용하기 위해서는 라이브러리 CDN 설치보다는 npm 설치를 권합니다.

 

npm install --save jquery

 

 그런 다음 jquery 패키지의 $ 로 jquery를 가져옵니다.

 다음 코드를 통해 가져올 수 있습니다. 해당 코드는 import export 구문이기 때문에 리액트에서 사용이 가능한 부분입니다.

 

import $ from 'jquery';