![]()
Jsp와 Jquery를 사용해본 사람이 React로 넘어오면 저처럼 습관적으로 쓸지도 모릅니다. 발단 React를 사용하다 마우스 이벤트를 사용해야 할 타이밍이 왔습니다. mouseup 기능이었는데 예전에 Jquery에서 사용한 기억이 문득 났습니다. React에서 Jquery사용방법을 찾아 mousedown과 mouseup을 React에 적용하였습니다. 이후 React에서 dom을 직접 수정하는 것을 별로 좋아하지 않는다는 글을 보게 되었습니다. (Jquery는 React를 거치지 않고 document를 직접 수정합니다) 문서를 찾아 돌아다니다 보니 Vanilla Js와 Jquery를 비교하며 성능을 논하는 글도 보였고요. Jquery를 개발하신 개발자분도 트위터에서 Jquery가 Js를 대체할 수는 ..
![]()
정말 간단하게 배워보는 react에서 jQuery 사용하기입니다. 1. React Project setting 먼저 안 쓰는 react 프로젝트가 있으시면 사용해주시고 없다면 아래의 이미지를 참조하세요. create react-app [파일명] 명령어를 통해 프로젝트를 생성해주세요. 프로젝트 생성을 완료하셨다면 npm i jquery --save 명령어를 사용하세요. 해당 프로젝트에 jquery가 인스톨됩니다. (구글에서 npm i jquery를 검색하셔도 나옵니다 ) 자 여러분도 프로젝트를 실행하셨나요? 그럼 바로 에디터로 해당 프로젝트를 살펴봅시다. (다들 vscode 쓰시지만 저는 atom 도 쓰는 편입니다 ㅎㅎ..) 2. react class component에서 사용법 App.js를 보고 있는 ..
