jQuery 4.0 출시! IE 지원 중단, ES 모듈 도입 등 대대적 변화

by DD
4개월 전
조회수 36

jQuery 4.0이 출시되어 IE 10 이하 버전 지원이 중단되었으며, ES 모듈을 지원하도록 변경됨

Trusted Types 지원을 통해 CSP(Content Security Policy) 관련 문제를 해결하고, AJAX 요청 시 <script> 태그 사용을 권장

`jQuery.isArray`, `jQuery.parseJSON` 등 오래된 API가 제거되고, 네이티브(Native) API 사용을 권장

슬림(Slim) 빌드 제공으로 파일 크기를 줄여 성능 개선을 도모함

IE 지원 중단 및 브라우저 호환성 변화

jQuery 4.0은 IE 10 이하 버전에 대한 지원을 완전히 중단하고, IE 11 지원도 단계적으로 중단할 예정이다. 이는 레거시 코드(Legacy Code) 제거 및 코드베이스(Codebase) 단순화를 위한 결정이다. 커뮤니티에서는 구형 브라우저 지원 중단으로 인해 최신 웹 표준을 더 적극적으로 활용할 수 있게 되었다는 긍정적인 평가가 있다.

ES 모듈(ES Modules) 도입과 빌드 시스템 변화

jQuery 4.0은 AMD(Asynchronous Module Definition)에서 ES 모듈로 전환하여 모던 빌드 도구(Modern Build Tools)와의 호환성을 높였다. Rollup을 사용하여 패키징하며, `<script type=module>`을 통해 브라우저에서 직접 임포트(Import)할 수 있다. 이러한 변화는 개발 워크플로우(Development Workflow)를 개선하고, 모듈 번들러(Module Bundler) 사용을 용이하게 한다.

Trusted Types 지원 및 CSP(Content Security Policy) 강화

jQuery 4.0은 Trusted Types를 지원하여 CSP(Content Security Policy)를 준수하도록 개선되었다. 특히, AJAX 요청 시 인라인 스크립트(Inline Script) 사용을 최소화하고, `<script>` 태그를 사용하여 CSP 관련 오류를 방지한다. 이는 웹 애플리케이션 보안(Web Application Security)을 강화하고, 개발자가 보안 설정을 더 쉽게 관리할 수 있도록 돕는다.

API 제거 및 네이티브 API 권장

jQuery 4.0에서는 `jQuery.isArray`, `jQuery.parseJSON` 등 오래된 API(Deprecated API)를 제거하고, 네이티브(Native) API 사용을 권장한다. 예를 들어, `Array.isArray()`와 `JSON.parse()`를 사용하도록 안내한다. 이러한 변화는 코드베이스를 간결하게 만들고, 웹 표준(Web Standards)을 준수하며, 최신 브라우저에서 더 나은 성능을 제공한다.

jQuery 4.0 released