jQuery 사용, 이제는 정말 그만해야 하는걸까?

출처: code-study.tistory.com/42

 

jQuery 사용, 이제는 정말 그만해야 하는걸까? (2020년 2월)

jQuery 사용, 이제는 정말 그만해야 하는걸까? (2020년 2월)

---

웹개발의 패러다임이 점차적으로 바뀌면서 예전에 흔히 말하던 웹퍼블리셔의 입지는 점점 설 곳이 좁아지고 있는 것 같은 분위기이다. 그리고 개발자들 사이에서는 jQuery 사용을 지양하려는 시도가 2017년쯤부터 조금씩 있었던 것 같다. 

실제로 구글에 jQuery관련 글들에서도 지양, 퇴물, 퇴출 등 부정적인 단어가 섞인 관련 글들을 쉽게 찾아볼 수 있다.

 

구글에서 검색되는 jQuery관련 글들, 부정적인 의견이 많다.

평소 UI개발 시 jQuery를 즐겨 사용하고 있기때문에 많을 글들을 읽어보았고 또 해당글의 댓글란에서 글쓴이와 의견이 다른 사람들과 토론을 나누는 것들도 다 읽어보았다.  jQuery를 부정적으로 보는 시각의 의견은 주로 개발 트렌드, 속도(페이지로드, 동작), 잘못된 javascript정보 인식 등이다. (이러한 내용에 각각의 반박글을 이 포스팅에 남길 생각은 없다.)

그리고 시점을 예상할 순 없지만 언젠가는 jQuery가 마치 예전 Flash처럼 역사속으로 사라질 것이라는 무서운 말들도 하곤 한다. 정말 그렇게 되는걸까? 

 

https://w3techs.com/technologies/history_overview/javascript_library/all/y

 

https://w3techs.com/technologies/history_overview/javascript_library/all/y

위 두 자료는 W3Thch에서 제공하고 있는 Javascript 라이브러리 사용 통계이다. 

아무 라이브러리 없이 순수 자바스크립트(Pure Javascript)로 개발되는 웹사이트가 2020년 1월 기준으로 23.8%이고 Javascript 라이브러리를 사용하는 웹사이트 중 jQuery를 사용하는 웹사이트는 74.2%이다. 또, 직접 찾아본 최근 리뉴얼된 국내 대기업, 금융권, 공공 사이트들의 경우에도 모두 jQuery 라이브러리를 로드하여 사용하고 있었다. (물론 그 이유로는 웹사이트 제작은 웹에이전시에 외주로 맡긴 것도 있을테고, 웹사이트에 사용된 여러가지 플러그인이 jQuery에 의존하고 있을테지만)

 

jQuery - write less, do more.

---

결론은 내가 처한 상황에 맞게 행동하면 될 것 같다.

Pure Javascript개발을 수동(밋션)운전, jQuery 개발을 자동(밋션)운전 이라고 비유한다면, 자동으로 운전면허를 취득한 사람에게 수동운전을 맡기면 운전을 할 수 없다. 하지만 수동(밋션)으로 운전면허를 취득한 사람은 자동(밋션)운전을 시켜도 금방 적응하고 잘 할 것이다.

"어차피 대부분의 자동차가 자동(밋션)이니까 나는 그냥 jQuery계속 쓸래" 라고 한다고 비난할 필요는 없다. 결국 jQuery는 Javascript 라이브러리일 뿐이며 Pure Javascript를 알고 사용해야만 개발자에게 더 많은 기회가 생길 것임에는 틀림이 없다.

자체적으로 Javascript 라이브러리를 만들어 사용하는 IT대기업이나 개발 트렌드에 민감한 기업에 입사를 희망한다면 jQuery를 사용하는 것은 전혀 도움이 되지 않을 확률이 높으니 사용하지 않는 것이 맞다. 

---

Vanilla Javascript

나도 jQuery로 UI개발을 시작한 한사람으로서 개발트렌드와는 무관하게 더 많은 기회를 얻고자 점진적으로 사용빈도를 줄일 생각이다. 이 카테고리는 바뀌어 나가는 과정을 위한 카테고리이다.

---

2020/02/13 - [HTML] - 카톡(카카오톡)에서 URL 링크 공유 시 미리보기 썸네일 이미지와 내용 수정하기 (feat.og meta data)

카톡(카카오톡)에서 URL 링크 공유 시 미리보기 썸네일 이미지와 내용 수정하기 (feat.og meta data)

2019/07/24 - [vue.js] - vue.js 입문

vue.js 입문

2019/08/30 - [CSS] - CSS 구글 스타일가이드 자세히보기 #intro

CSS 구글 스타일가이드 자세히보기 #intro