jQuery 4.0.0 출시! IE 지원 중단, ES 모듈 전환 등 대대적 변화
jQuery 4.0.0은 IE 10 이하 버전 지원을 중단하고, ES 모듈을 지원하도록 변경됨
오래된 API 제거 및 내부 메서드(Internal Methods) 삭제를 통해 코드 사이즈를 줄임
Trusted Types 지원으로 CSP(Content Security Policy) 관련 문제 해결
슬림 빌드(Slim Build) 제공으로 Ajax, Deferreds, Callbacks 미사용 시 파일 크기 감소
IE 지원 중단 및 브라우저 호환성 변화
jQuery 4.0은 IE 10 이하 버전에 대한 지원을 완전히 중단하고, IE 11 지원도 단계적으로 축소할 예정이다. 이는 레거시 코드(Legacy Code) 제거 및 코드 사이즈 감소를 위한 결정으로, 개발자들은 jQuery 3.x 버전을 통해 이전 브라우저를 계속 지원할 수 있다. 특히, W3C 표준(W3C Specification)에 따라 focus/blur 이벤트 순서가 변경되어, 기존 jQuery 사용자는 주의해야 한다.
ES 모듈(ES Modules) 전환 및 빌드 시스템 개선
jQuery 4.0은 AMD(Asynchronous Module Definition)에서 ES 모듈로 전환하여, 최신 빌드 도구 및 개발 환경과의 호환성을 높였다. 이는 롤업(Rollup)을 사용하여 jQuery를 패키징하고, `<script type=module>`을 통해 브라우저에서 직접 모듈을 사용할 수 있도록 지원한다. 이러한 변화는 개발자들이 jQuery를 최신 웹 개발 워크플로우에 통합하는 데 도움을 준다.
API 제거 및 코드 최적화
jQuery 4.0에서는 `jQuery.isArray`, `jQuery.parseJSON`, `jQuery.trim` 등과 같이 더 이상 사용되지 않는 API들을 제거하여 코드베이스를 정리했다. 이러한 API들은 네이티브(Native) API로 대체되었으며, jQuery의 슬림 빌드(Slim Build)를 통해 Ajax, Deferreds, Callbacks 모듈을 제외하여 파일 크기를 더욱 줄였다. 이는 성능 향상과 유지보수 용이성을 동시에 달성하기 위한 노력의 일환이다.
Trusted Types 지원 및 CSP(Content Security Policy) 강화
jQuery 4.0은 Trusted Types를 지원하여, `require-trusted-types-for` CSP 지침을 위반하지 않고 HTML 조작 메서드를 사용할 수 있도록 개선했다. 또한, 비동기 스크립트 요청에 `<script>` 태그를 사용하여 CSP 관련 오류를 방지한다. 이러한 변경은 웹 애플리케이션의 보안을 강화하고, XSS(Cross-Site Scripting) 공격으로부터 보호하는 데 기여한다.
