jquery를 사용하지 않는 진짜 이유

Question

레거시를 말할때,react 라우트 페이지가 아닌, jsp나 jsp에 딸린 jquery를 말하곤 합니다.프론트엔드 실무자로 수많은 프로젝트를 진행해보면서 느낀건,결국 react도 수많은 라이브러리를 번들화 시켜서 사용한다는 것이고,거기에는 jquery도 있을 수 있겠죠.그리고 프로젝트가 커지고 라이브러리도 많아지면,당연히 번들화된 js파일도 커집니다.jquery 사용 안한다고 정답! 이라는 느낌은 아니라는거죠.(심지어 node package에도 jquery가 설치 가능하고...)제가 아는 jquery를 피하는 원인은 용량뿐입니다.그렇다고 성능이 후지냐? 라고 한다면용량 외에는 프론트에서 아무리 후진 폰/pc를 사용해도 react &#43; 바닐라js로 만든 프로젝트와 차이를 느낄 수 없습니다.근데 그 용량마저도, cdn js파일 기준으로 68kb밖에 안됩니다.한 번 받으면 대부분 캐싱해서 사용하니깐 거의 무시해도 될 수준이죠.물론 저는 jquery를 사용하지 않은지 2년은 지났고,jquery없이 거의 모든 기능을 만들 수 있지만,오래전 당시 제가 가장 많이 사용하던건 선택자($(elm))나 fadeIn같은 효과였고 솔직히 현대에 jquery를 사용하는 것이 얼마나 큰 성능 하락으로 이어지는지 모르겠습니다.물론 저 선택자가 react나 vue의 가상DOM을 다루는게 아니라 진짜 dom을 다루는 거라면 state로 DOM요소를 컨트롤 하는 SPA에서는 MPA로 어플리케이션 만드는거랑 큰 차이가 없다고 할 수도 있겠죠. (npm jquery 패키지가 state와 연동이 되는지는 저도 아직 모르겠습니다)그래서 결론적으로, 왜 legacy 취급되고 왜 현대에는 기피하게 되었을까요?

yeori · Accepted Answer

jquery의 가장 큰 존재 이유는표준이 없었던 웹 개발 환경에서 완벽한 추상화를 제공함...이었습니다.jquery가 등장하던 시절에는 지금처럼 표준화된 api가 없었습니다.스펙은 있었으나 브라우저 제조사들이 준용하지 않고 제멋대로 비표준적인 기술을 집어넣었습니다.90%는 똑같아도 어딘가 미묘하게 호환되지 않는 10% 지점때문에 수많은 개발자들이 if(..)를 발라서 브라우저마다 대응하는 코드를 만들어야 했습니다.이 더럽고 지루하고 짜증나는 작업을 한 방에 없애준게 jquery입니다.여기에 부가적으로 dom을 조작하는 편리한 인터페이스를 제공했고, 이전에 웹개발에서 시간만 잡아먹고 더럽기만한 작업의 상당 부분을 jquery가 없앴습니다.하지만 지금은 웹표준이 헌법처럼 잘 지켜집니다.브라우저 벤더사들이 아직 구현을 못한 지점은 있어도 과거처럼 배째라 식으로 제멋대로 비표준 기능을 구현하진 않습니다.이렇게 환경이 달라졌으니 예전보다 jquery를 쓸 요인이 적어진 것입니다.웹표준 정착과 더불어서,웹에서 데스크탑 애플리케이션과 같은 사용자 경험에 대한 수요가 늘었다는 것, 그리고 jquery에서 제공하는 dom 조작으로는 이 수요에 대응하기 힘들었다는 것도 중요한 요인입니다.개발가 직접 dom을 조작하는 방식은 나중에 유지보수에 걸림돌이 됩니다.특히 UI 컴포넌트들(모달, 토스트 메세지, progressive 버튼, 드롭다운)이 caller와 메시지를 주고받는 과정에 대해서는 합의된 구현 방식이 존재하지 않았습니다. 지금처럼props로 데이터를 공유한다event로 메세지를 주고받는다와 같은 최소한의 규칙조차 없었기때문에 10명이 각자 코드를 짜면 전부 자기 스타일대로 구현을 합니다.이러니 사람이 나가고 새로 들어오면 자기 스타일대로 코드를 고치고 기능을 집어넣고, 두세바퀴만 돌면 거대한 똥덩어리가 됩니다.이때부터는 새로운 기능을 넣는게 모험입니다.어지간해서는 건들지 말자는 보수적인 태도가 고착화되고, 기능을 넣어야 하면 기존 코드를 그대로 복사해서 가져온 후에 군데군데 뜯어고칩니다. 이 과정에서 수많은 중복 코드가 양산되고, 이게 다시 나중에 유지보수할 지점을 늘립니다(한군데만 고치면 안되고 복사 붙여넣기 한 곳을 다 찾아내서 똑같이 고쳐야 함)프로그래밍에서 가장 극혐하는 코드 중복을 끊임없이 부추기는 환경, 심리적 동기를 유발합니다.reactjs, vuejs, svelte 같은 신진세력들은 아주 작은 규칙을 강제함으로써 유지보수 비용을 획기적으로 줄었습니다.(규칙을 강제해서 자유를 빼앗은 결과로 비용이 절약됐다는게 역설적인 지점...)그렇다고 위의 3형제를 쓴다고 유지보수가 거저 쉬워지지는 않습니다.개발자가 규칙을 잘 지켜서 구현하려고 노력을 해야 합니다.문제는 아무리 기술이 발전해도 사람은 늘 규칙을 무력화시키려는 관성을 포기하지 못함.껍데기는 vue인데 안에다가 html 조립해서 발라놓거나, 같은 컴포넌트를 복사해서 1, 2,3, 으로 이름만 바꾼다든가, 이런거 보면 아무리 기술이 발전해도 사람이 뭉개려고 맘 먹으면 jquery나 react나 아무 차이도 없어지는거 같습니다.

캐티 · Answer

jquery를 사용하지 않아도 좋은 어플을 만들 수 있어서 말이어요.이미 리엑트, 뷰js 같은 것도 사용하지 않는데 .. 커스텀 엘리먼트를 사용하면 querySelector 계열 함수도 사용하지 않아도 되어서 말이어요. 특별히 이것을 지원하지 못하는 브라우저도 없을 것 같고 .. 이젠 사회통념상 업그래이드에 돈을 굳이 쓰지 않는 것도 이상하고 ..

몰랑토끼 · Answer

pc의 사양도 올라가고, 사용자가 원하는 모션, 인터렉션, 기능, ux도 업데이트 되기 때문에 jq만으로는 한계가 있고,한화면에 보여주는 기능, ui 들이 많아서 서스펜스 같은 기능들이 필요하고, 사용자 로딩속도 개선이 중요한데 jq로는 다 채워지지 않으니까요.단순 에이전시처럼 사이트 양산 정도야 jq로 되죠. 단순히 jq &#43; 워드프레스로 이루어진 사이트에서는 페이지 이동마다 화면이 깜빡이지만 spa는 깜빡이지 않습니다.근데 dau가 많고, 사용자 컨트롤이 많은 사이트에서 jq로는 로딩속도개선등이 잘안될겁니다. 그래서 티켓팅 하는 사이트들이(서버문제도 더많겠지만) 아직 레거시라면 뻗는거구요결론은 직장에서의 번아웃을 줄이고 의욕을 나게 하는 방법중하나인 '도전정신'을 만들게 하는것이 단순한 노가다에 러닝커브도 낮은 jq보단 spa로 하는작업이 훨씬많기때문에 이젠 다들 단순작업은 안하려고하죠 재미도없고..그리고 최근 노마드코더가 jq에 관한 내용으로 영상도 올리긴했습니다

76진 · Answer

JQuery --> Vue.js 로 변환 프로젝트 2년 해봤는데, 느낀 점이 JQuery 로 개발한 화면이 복잡해 지면 유지보수가 너무 힘들어 집니다. 특히 DOM 관련 코드로 범벅이 되고, 각종 JQuery 라이브러리로 진짜 지옥같은 코드를 볼 수 있었습니다. Vue.js 로 변환하니 코드 길이도 절반 이하로 줄고, 모든 화면의 코드 구조가 비슷해서 유지보수 면에서 훨씬 편했습니다. 그리고 DOM 을 직접 접근하지 않고 data 여부로 반응성있게 동작하기에 유지보수나 코드 이해하기 훨씬 쉬워졌습니다. 저는 다시 JQuery 로 돌아가고 싶지 않더라구요. 그렇지만 단순한 화면에 단순한 기능을 개발한다면 JQuery 가 더 빠르고 편할 수도 있겠죠. 하지만 향후 유지보수 면에서는 Vue.js 에 더 손을 들어주고 싶습니다. 그런데 이번에 들어간 프로젝트에서 Vue 3 봤는데, 너무 복잡해서 이럴거면 차라리 JQuery 가 낫겠다 싶기도 하더라구요 ㅠㅠ 결론은 개발하기 나름이랄까요... ㅠㅠ

킁킁탐정 · Answer

jQuery가 유행하던 시절에는 웹 브라우저의 기능이 빈약하고 호환성 문제로 다이나믹한 웹 페이지 개발에 많은 문제가 있었습니다. 그래서 jQuery, MooTools등과 같은 다양한 라이브러리가 사용되던 시기라 볼 수 있습니다.웹에서 데스크탑 수준의 앱만큼 다양성이 요구되면서 웹 브라우저에도 큰 변화가 오게되고 skeleton, bootstrap, AngularJS나 가상 DOM을 사용하는 ReactJS같은게 등장하기 시작합니다. 이 혼돈 속에서 ReactJS가 큰 승리를 하게되면서 너무나 많은 것들이 사장되고 세대 전환이 이루어지게 됩니다.결과적으로 jQuery가 쓰이지 않는건 더 이상 쓸 이유가 없을 만큼 웹 브라우저가 발전했고 복잡해진 앱을 만들기에는 너무나 부족해진 탓이라 생각됩니다.

장독깨기 · Answer

시스템을 구축하고 프로그래밍을 하는데 효율적인 관점에서 합리적으로 뭔 가를 선택해야 하는데요,무슨 패션 쇼 처럼 유행으로 생각하는 사람들이 있고 이런 사람들의 목소리가 크기 때문이죠. ㅎ물론, 리액트, 뷰를 이용해서 SPA 로 한다면, DOM 을 직접 제어하는 경우가 거의 없거나 제한적이기 때문에이 때를 대비해 굳이 jquery 를 포함할 필요는 없어 보입니다.근데, 전체로 보면 SPA 로 하지 않는 경우가 훨씬 많을 겁니다. 이런 경우 그냥 jquery 쓰면 편합니다. :)

최은영 · Answer

개인적인 생각은 트렌드 때문 입니다.그리고 그 트렌드를 이끌어 나가는건 개발자가 아닙니다.개발회사도 아니구요.단순히 jQuery가 트렌드에 뒤쳐져있다고 생각하니까 그런거 같다고 생각합니다.

초무쿤 · Answer

익스플로어도 이제 크로미니움으로 변경되다보니 더 이상 jquery를 안써도 크로스 브라우징 이슈가 더이상은 없어서가 아닐까요 ㅎ

jquery를 사용하지 않는 진짜 이유

8개의 답변

기술 목록