jquery, 굳이 버려야 할까요?

Question

안녕하세요. 최근 이직 후에 첫 프로젝트로 cms 리뉴얼 개발을 담당하게 되었습니다.
이직한 회사에서는 jquery와 html, css를 사용하여 전자정부프레임워크에 붙여넣는 방식으로 사용하게 되어 있습니다.
저는 react 프레임워크 사용을 만 3년 이상 하였고, jquery도 학생시절부터 초년생 때 까지 만 1년 이상 사용하여 개발에 큰 문제는 없습니다.
다만, 유지보수 및 확장성에 지속적으로 의문을 갖게 되었고 이에 react로 마이그레이션을 제안하고자 생각했습니다.
제안하기 전에 react로 기술 전환하고 싶은 이유를 몇가지 정리해봤습니다!

1. 인력 수급 : 전자정부프레임워크로 react를 채택하고 있는 만큼 최근 react의 수요와 공급 급증
2. 커뮤니티 : react 등의 프레임워크는 점점 커지고 있는 강력한 커뮤니티를 가지고 있음
3. 확장성, 최적화 : 가상 DOM, 대용량 데이터 및 트래픽 처리 용이, 속도 최적화, 경량화, 대규모 애플리케이션 확장성 등에 유리함
4. 테스트 및 문서화 : 다양한 테스팅 라이브러리, 컴포넌트 단위의 테스트 및 문서화에 유리함
 
정도로 최소 4가지의 이점을 가질 수 있다고 판단했는데요!
반대로 생각해보면 jquery를 굳이 버려야 할까요?

1. 인력 수급 : 예전만큼은 아니지만 아직도 jquery를 사용하는 기업 및 웹사이트가 다수 존재함
2. 커뮤니티 : 여전히 버전 업그레이드도 하고있고 십여년의 커뮤니티에 쌓인 정보는 매우 많음
3. 확장성, 최적화 : DOM 접근이 쉬워 개발 속도가 빠름, 또 어떤 것이 있을까요? 도움 부탁드립니다😅
4. 테스트 및 문서화 : 또 어떤 것이 있을까요? 도움 부탁드립니다😅

다소 편향적인 조사지만,,, 팀원들에게 마이그레이션 제안하기 전에 여러 시점의 생각이 궁금했습니다.
잘못된 정보나, 다양한 의견 얘기해주세요! 감사합니다.

포크코딩 · Answer

1. 개발 시간 - 10페이지 이상의 웹사이트만 작업하더라도 리액트를 사용 하는게 더 빠릅니다. 규모가 늘어날수록 jquery 코드는 필연적으로 읽기 어려워지기 때문입니다. 읽기 어렵단 뜻은 본인이 직접 쓴 코드도 포함입니다. 읽을 수 없는 코드는 생산성을 급격하게 저하 시킵니다.

2. 성능 - 규모가 커질수록 성능 차이도 극심해집니다. jquery는 직접 DOM을 순회해야 하기 때문입니다. 또한 이번 리액트 19 릴리즈에서 리액트 컴파일러가 나왔습니다. 최적화 관련해서 많은 부분이 개선된 것으로 보입니다. 리액트는 앞으로 더 빨라질 것입니다.

프레드윰 · Answer

제이쿼리 4 베타 나왔다고 하는데 좀 써보고 고민 해보세요~

무지55 · Answer

팀원들의 러닝커브도 고려해봐야 할거같습니다

상현 · Answer

제이쿼리를 사용하더라도 개발 시간이 늘어나지는 않습니다. 그건 react냐 아니냐의 차이가 아니라 jsx와 같은 템플릿 엔진을 사용하느냐 아니냐의 차이일 뿐입니다. 그리고 이러한 템플릿 엔진 기반은 필연적으로 컴포넌트 방식의 개발로 이어지기 때문에 개발 시간은 실제로는 번들러의 속도에 달리게 됩니다.

그런데 성능은 속도에만 영향을 받는 건 아닙니다. 성능 저하를 불러오는 가장 주요한 원인은 코드 작성자 본인이 도구의 컨셉을 오해하여 사용하거나 활용에서 미스가 있기 때문일 겁니다. 꾸려진 팀의 테크 스택이 레거시에 머물러 있다면 최초에는 이들을 리드해서 코드를 리뷰하고 관리할 to가 필요할 겁니다.

레거시 마이그레이션은 비단 코드뿐이 아니라 그 코드를 작성하는 작업자들도 자신들의 자리를 옮겨가야 한다는 의미이니, 이 지점을 고민해보세요. 기술 부채라고 생각하면 언제까지 둘 수는 없지만, 현재를 무시하고 앞만 보고 갈 수도 없는 일이니까요.