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';
'오픈소스 > 노드' 카테고리의 다른 글
[Node] React 정리(8) - useRef 를 이용하여 특정 DOM 포커스하기 (0) | 2021.10.18 |
---|---|
[Node] React 정리(7) - SetState와 jQuery 사용하여 렌더링 (0) | 2021.10.18 |
[Node] Node Express, React 프록시 연동 (0) | 2021.10.15 |
[Node] React 정리(6) - 서버사이드 렌더링 (0) | 2021.10.14 |
[Node] React 정리(5) - react-router-dom 에서 존재하지 않는 페이지 커스터마이징 (0) | 2021.10.14 |