블로그 메인
여정 노트개발 이야기
jQuery는 구시대의 산물일까?

jQuery, 이제 사용하면 안 될까? 구시대의 산물로 전락한 jQuery의 현재

jQuery는 여전히 많은 웹 개발자들 사이에서 사용되고 있지만, 현대 웹 개발 트렌드에 맞지 않는 구시대의 산물로 여겨지고 있습니다. jQuery의 현재와 대체 기술에 대해 알아봅니다.

선 요약

사용하는 것이 좋다면 사용하십시오. 😊


항상 생각하는 것이지만 최신 기술이라고 해서 반드시 장점만 있는 것은 아니며, 예전 기술이라 해서 단점만 있는 것은 아닙니다. jQuery의 사용 여부는 개발자들의 선호도와 필요에 따라 결정될 문제입니다.


예를 들어 가상 돔(DOM)을 사용하는 라이브러리나 프레임워크를 채택한 프로젝트에서는 jQuery 사용을 지양하는 것이 권장됩니다. 하지만 프로젝트를 수행하는 개발자가 jQuery를 사용하여 생산성이 높고, 유지 보수에도 유리하다면 사용하는 것이 더 나을 수 있겠죠.


만약 자바스크립트를 처음 학습하는 단계라면, jQuery를 따로 학습할 필요는 없습니다. 다만 기존 프로젝트에서 jQuery를 사용했다면 유지 보수 시 해당 부분을 해석하는 데 어려움이 생길 수 있으므로, 기본적인 이해는 도움이 될 수 있습니다.



제이쿼리(jQuery)의 탄생과 목표

jQuery는 2006년, 미국의 개발자 존 레식John Resig에 의해 개발된 자바스크립트 라이브러리입니다.


90년대부터 2000년대 중반까지는 각기 다른 브라우저들이 자바스크립트를 다르게 처리하는 경우가 많아, 브라우저 간 호환성 문제가 자주 발생했습니다. 그러다 2000년대 후반부터 HTML5, CSS3, ECMAScript 5(ES5) 등의 표준화가 이루어지며, 2015년 ES6의 발표까지 웹 기술들이 지속적으로 발전했습니다.


jQuery는 웹 초기 시절에 브라우저 간 호환성 문제를 해결하는 데 중점을 두고 개발되었습니다. jQuery의 주요 목표 중 하나는 다양한 웹 브라우저에서 동일한 결과를 보장하는 것이었고, 이를 통해 개발자들은 브라우저 간의 차이를 신경 쓰지 않고 자바스크립트를 사용할 수 있게 되었습니다.


또한 복잡한 자바스크립트 작업을 간단한 문법으로 처리할 수 있도록 하여, 개발자들이 더 적은 코드로 더 많은 기능을 구현할 수 있게 도와주었습니다. 이는 개발 시간을 단축시키고, 유지 보수도 용이하게 만들었죠.


// jQuery를 사용한 ajax
$.ajax({
　　url: 'https://api.example.com/data',
　　type: 'GET',
　　success: function(response) {
　　　　console.log('응답 성공', response);
　　},
　　error: function(xhr, status, error) {
　　　　console.log('error', error);
　　}
});

// jQuery를 사용한 DOM 탐색
var ele = $('#example');


// ES5를 사용한 ajax
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);

xhr.onload = function() {
　　if (xhr.status >= 200 && xhr.status < 300) {
　　　　console.log('응답 성공', xhr.responseText);
　　} else {
　　　　console.log('error', xhr.status);
　　}
}

xhr.onerror = function() {
　　console.log('network error');
}

xhr.send();

// ES5를 사용한 DOM 탐색
var ele = document.getElementById('example');

jQuery가 ES5 보다 간결하다.



장점이 많은 jQuery는 왜 구시대의 산물로 여겨지고 사용을 지양해야 한다는 목소리가 나올까요? 사실, jQuery를 사용하지 말아야 한다는 이야기는 약 10년 전부터 제기되었습니다.



이제는 왜 jQuery를 필요로하지 않을까?

  1. 모던 브라우저들이 자바스크립트 표준을 잘 준수합니다. 이로 인해 jQuery가 제공하는 브라우저 간 호환성 처리 기능이 더 이상 필요하지 않게 되었습니다.
  2. 자바스크립트가 많은 발전을 이뤘습니다. ES6부터 클래스, 모듈화, 화살표 함수 등의 문법을 도입하여 강력한 기능을 제공하게 되었고, fetch()와 같은 API가 기본적으로 제공되기 시작했습니다. 이에 따라 jQuery의 ajax 요청을 순수 자바스크립트(바닐라 자바스크립트)로도 손쉽게 처리할 수 있게 되었죠. 참고로 ES6가 발표된 지 벌써 10여 년이 지났습니다.
  3. React, Vue, Angular 같은 모던 프레임워크들이 jQuery가 제공하던 많은 기능을 대체하고 복잡한 애플리케이션 개발을 위한 효율적이고 구조적인 접근을 제공하고 있습니다.


jQuery가 무겁거나 순수 자바스크립트보다 성능이 떨어진다는 문제는 후속 이야기입니다. 가장 중요한 점은 jQuery를 사용할 필요성이 많이 줄었다는 것입니다. 저 역시 jQuery를 애용했었지만, 최근 몇 년간 신규 프로젝트에는 사용하지 않고 있습니다.



그래서 이제 jQuery를 사용하면 안돼?

제가 jQuery의 필요성이 줄었다고 말했지만 모든 사람에게 해당되는 것은 아닙니다. 순수 자바스크립트보다 jQuery 문법에 더 익숙한 경우, 그 자체로도 jQuery를 사용할 이유가 될 수 있습니다.


또는 기존 프로젝트에서 이미 jQuery를 사용하고 있다면 해당 프로젝트의 유지 보수나 확장이 필요할 때 계속 사용하는 것이 효율적일 것입니다. DOM 조작이나 ajax 요청 등은 여전히 유용하게 사용되니까요.


jQuery는 여전히 발전 중입니다. 24년 2월 6일, 4.0.0 베타 버전이 공개되었으며 7월 17일에는 두 번째 베타 버전이 공개되었습니다. jQuery는 이러한 업데이트를 통해 성능 개선과 최신 웹 기술을 지원하고 있으며, 개발자들의 요구에 맞춰 지속적으로 발전하고 있습니다.


마지막으로 살펴볼 내용은 jQuery의 사용률입니다.


w3Techs 사이트를 참고한 jQuery 사용률



jQuery의 사용률은 2025년을 앞둔 현재까지도 굉장히 높습니다. 네 개의 사이트 중 세 곳에서 jQuery를 사용하고 있다는 통계입니다. 이런 높은 사용률은 워드프레스, 그누보드와 같은 CMSContents Management System가 여전히 jQuery에 의존 중이고, 기존에 많은 프로젝트들이 jQuery를 채택하고 있기 때문일 것입니다. 이는 향후 몇 년 간 jQuery가 여전히 중요한 라이브러리로 남을 가능성을 시사한다고 할 수 있겠죠.


결론입니다.


jQuery를 벗어야 한다는 목소리가 들리기 시작한 지 벌써 10년이지만, 여전히 많은 개발자들이 jQuery를 유용하게 사용하고 있습니다. 그러므로 jQuery를 사용할지 말지는 결국 프로젝트를 담당하는 개발자들의 선호도와 필요에 따라 결정될 문제라고 할 수 있습니다.


따라서 jQuery는 여전히 유효한 기술 선택지로 남아 있을 수 있겠습니다. 다만 자바스크립트를 처음 학습하는 단계라면 jQuery를 따로 학습할 필요는 없으며 순수 자바스크립트의 기본기를 더 튼튼히 다지는 것이 좋겠습니다. 😊



주관적인 생각으로

작성된 글입니다.

출처 및 참고 자료

  1. 위키백과 - 존 레식
  2. jQuery - 4.0.0 베타 버전
  3. jQuery - 두 번째 베타 버전
  4. w3Tech.com - jQuery 사용률
최종 수정일: 2025. 7. 26. 오후 5:11
전체 댓글0