본문 바로가기

잡학다식/IT 컬럼

jQuery 4.0.0 공식 릴리즈 핵심 정리: 10년 만의 메이저 업데이트가 의미하는 변화

728x90
반응형
728x170

jQuery 4.0.0이 약 10년 만에 메이저 버전으로 공식 릴리즈되었습니다. 이번 업데이트는 단순한 버전 업그레이드를 넘어, 현대 웹 표준과 보안 환경에 맞게 구조 전반을 재정비한 것이 특징입니다. 레거시 브라우저 지원 중단, ES 모듈 전환, 보안 정책 강화, deprecated API 제거 등 굵직한 변화들이 포함되어 있으며, 대부분의 기존 사용자들은 큰 코드 수정 없이 업그레이드가 가능하도록 설계되었습니다.
이 글에서는 jQuery 4.0.0의 배경과 주요 변경 사항, 기술적 특징, 그리고 기대할 수 있는 효과를 중심으로 정리합니다.

반응형

jQuery 4.0.0 릴리즈 배경과 의미

jQuery 4.0.0은 오랜 개발 주기와 여러 프리릴리스를 거쳐 완성된 대규모 메이저 릴리스입니다. 지난 수년간 누적된 레거시 코드와 비공개 파라미터를 정리하고, 현대적인 개발 환경에 적합하도록 내부 구조를 재설계하는 데 초점이 맞춰졌습니다.

특히 주목할 점은 대부분의 사용자들이 코드 변경 없이도 업그레이드할 수 있도록 하위 호환성을 최대한 고려했다는 점입니다. 동시에 업그레이드 가이드와 jQuery Migrate 플러그인을 함께 제공해, 이전 버전에서 발생할 수 있는 문제를 단계적으로 해결할 수 있도록 지원합니다.


브라우저 지원 정책 변화

이번 릴리즈에서 가장 분명한 변화 중 하나는 브라우저 지원 범위입니다.

  • IE 10 이하 브라우저 지원 중단
  • IE 11은 유지되지만, jQuery 5.0에서 단계적으로 제거 예정
  • Edge Legacy, 구형 iOS, 구형 Firefox, Android Browser 지원 종료

이로 인해 구형 브라우저를 반드시 지원해야 하는 프로젝트라면 jQuery 3.x를 유지하는 것이 권장됩니다. 반대로, 최신 브라우저 환경을 중심으로 개발하는 경우라면 jQuery 4.0.0이 더 가볍고 안정적인 선택이 됩니다.


ES 모듈 기반 구조 전환

jQuery 4.0.0은 소스 구조를 기존 AMD 방식에서 ES 모듈로 완전히 이전했습니다.

  • RequireJS 대신 Rollup을 빌드 도구로 채택
  • ES 모듈 기반으로 테스트 환경을 분리해 운영
  • <script type="module"> 사용을 통해 최신 브라우저 및 빌드 툴과의 호환성 확보

이 변화는 번들 최적화와 유지보수성 측면에서 의미가 큽니다. 현대적인 프론트엔드 개발 환경에 자연스럽게 통합될 수 있는 기반이 마련되었다고 볼 수 있습니다.


Trusted Types 및 CSP 보안 강화

보안 측면에서도 중요한 개선이 이뤄졌습니다.

  • Trusted Types 지원 추가로 TrustedHTML 객체를 안전하게 처리
  • 대부분의 비동기 스크립트 요청을 <script> 태그 기반으로 전환
  • CSP(Content Security Policy) 환경에서 발생하던 오류를 최소화

특히 보안 정책이 엄격한 환경에서 jQuery 사용 시 발생하던 충돌을 줄이는 데 중점을 둔 변화로, 엔터프라이즈 환경이나 보안 요구사항이 높은 서비스에서의 활용도가 높아질 것으로 보입니다.


Deprecated API 및 내부 메서드 정리

오랫동안 비권장 상태였던 API들이 이번 버전에서 완전히 제거되었습니다.

제거된 대표적인 API 예시는 다음과 같습니다.

  • jQuery.isArray → Array.isArray()
  • jQuery.parseJSON → JSON.parse()
  • jQuery.trim → String.prototype.trim()
  • jQuery.now → Date.now()

이와 함께 IE 관련 코드가 제거되면서 gzip 기준 약 3KB의 용량 감소 효과도 얻었습니다. 또한 jQuery 프로토타입에 존재하던 내부 전용 메서드(push, sort, splice)도 삭제되어, 보다 명확한 사용 패턴을 유도합니다.


이벤트 처리 방식 변경: 포커스 이벤트

포커스 및 블러 이벤트의 실행 순서가 W3C 명세에 맞게 통일되었습니다.

  • 변경된 순서: blur → focusout → focus → focusin

기존 jQuery 고유 순서와 달라진 부분이므로, 포커스 이벤트에 의존하는 코드가 있다면 호환성 검토가 필요합니다. 다만 IE를 제외한 모든 브라우저에서 동일한 동작을 보장한다는 점에서 일관성은 크게 개선되었습니다.


Slim 빌드의 경량화 개선

Slim 빌드는 더욱 가볍게 다듬어졌습니다.

  • Deferreds 및 Callbacks 제거로 gzip 기준 약 19.5KB
  • 네이티브 Promise를 사용하는 현대 브라우저 환경에 최적화
  • Ajax 및 애니메이션 모듈을 제외해 메인 빌드 대비 약 8KB 추가 감소

IE11 지원이 필요한 경우에는 메인 빌드 또는 Promise 폴리필 사용이 권장됩니다.


다운로드 및 배포 방식

jQuery 4.0.0은 공식 CDN과 npm을 통해 배포됩니다.

  • 공식 CDN에서 정식 및 Slim 버전 제공
  • npm 설치: npm install jquery@4.0.0

기존 CDN 사용자들도 순차적으로 업데이트를 받을 수 있도록 계획되어 있습니다.


728x90

jQuery 4.0.0은 현대 웹 표준과 보안 정책에 맞춘 구조적 개편 버전입니다. 레거시 코드 제거, ES 모듈화, 보안 강화, 경량화를 통해 장기적인 유지보수 기반을 강화했으며, 대부분의 기존 프로젝트에서도 큰 부담 없이 전환할 수 있도록 배려되었습니다.

이번 릴리즈는 단순한 기술 업데이트를 넘어, jQuery가 여전히 현대 웹 개발 환경에서 의미 있는 선택지로 남아 있음을 보여줍니다. 앞으로의 jQuery 생태계가 보다 안정적이고 지속 가능한 방향으로 발전할 수 있을지 기대해볼 만한 시점입니다.

300x250

https://blog.jquery.com/2026/01/17/jquery-4-0-0/

 

jQuery 4.0.0 | Official jQuery Blog

jQuery 4.0.0 On January 14, 2006, John Resig introduced a JavaScript library called jQuery at BarCamp in New York City. Now, 20 years later, the jQuery team is happy to announce the final release of jQuery 4.0.0. After a long development cycle and several

blog.jquery.com

728x90
반응형
그리드형