Ext JS 8.0에는 무엇이 새로 들어왔나
전자 서명 패드, QR 코드 컴포넌트, 1,000개 열을 견디는 그리드 성능, Font Awesome 7. 메이저 버전이지만 하위 호환이 유지되어 애플리케이션을 다시 쓸 필요가 없습니다.
Sencha가 Ext JS 8.0 정식 버전을 공개했습니다. 140개가 넘는 UI 컴포넌트를 갖춘 엔터프라이즈 자바스크립트 프레임워크의 메이저 릴리스로, 성능 개선과 새 기능이 함께 들어갔습니다.
이번 릴리스에는 고객이 오랫동안 요청해 온 기능들이 담겼습니다. 내장 서명 캡처, QR 코드 워크플로, 대용량 데이터를 다루는 더 빠른 그리드, 그리고 모든 툴킷에 적용되는 최신 아이콘 지원입니다. 모두 하위 호환을 유지한 채 제공됩니다.
버전 번호가 8로 올라갔지만 대규모 파괴적 변경이나 애플리케이션 재작성은 없습니다. 기존 코드를 그대로 두고 올릴 수 있도록 설계된 릴리스입니다.
8.0의 주요 변경
이번 릴리스는 Sencha Upvote 목록에서 가장 많은 표를 받은 기능들을 담았습니다.
- 새 반응형 전자 서명 패드로 애플리케이션 안에서 바로 문서에 서명 (Classic · Modern 툴킷)
- 새 QR 코드 리더 · 생성기로 결제, 유통, 물류 전반의 QR 워크플로 구현 (Classic · Modern 툴킷)
- Font Awesome 7로 최신 아이콘 사용 — FA5 설정과 완전히 호환
- 가로 버퍼링을 통한 그리드 성능 개선으로 넓고 큰 데이터셋을 더 빠르게 렌더링 (Modern 툴킷)
- 새 Lockable Grid 플러그인으로 보고서 형태의 열 고정 구현 (Modern 툴킷)
- ES2025까지 확장된 ECMAScript 지원으로 최신 자바스크립트 문법 사용
- ARIA 접근성 지원으로 더 포용적인 애플리케이션 구축 (Modern 툴킷)
- ReExt 1.2가 Ext JS 8.0을 완전히 지원
더 넓어진 ECMAScript 지원
Sencha Cmd와 ExtGen 8.0.0이 ES2025까지 ECMAScript를 지원합니다.
let, const, 화살표 함수 같은 최신 자바스크립트 기능을 Ext JS
애플리케이션 전반에서 더 폭넓게 쓸 수 있습니다.
Closure Compiler 파싱 갱신을 포함한 컴파일러 개선으로 현행 자바스크립트 표준과의 정합성이 높아졌고 빌드 안정성도 좋아졌습니다. 폴리필 의존을 줄이고 상용구 코드를 덜어내 장기적으로 더 깔끔한 애플리케이션 구조를 유지할 수 있습니다.
반응형 전자 서명 패드
외부 라이브러리 없이 애플리케이션 안에서 바로 서명합니다.
부드럽고 반응형으로 동작하는 서명 캡처 애드온 컴포넌트가 두 툴킷 모두에 새로 추가됐습니다. Ext JS 기본 컴포넌트를 확장해 만들었기 때문에 Grid, Form, Panel 컨테이너에 자연스럽게 붙고, Ext JS의 config·이벤트·메서드·프로퍼티는 물론 변수와 믹스인을 통한 테마 적용까지 그대로 지원합니다.
기능 구성도 충실합니다. 실행 취소·다시 실행, 지우기, 펜 굵기와 크기 설정, 배경색 선택, 색상 선택기, 그리고 JPG·PNG·SVG 내보내기를 지원합니다. 미리보기, 제목, 서명 자리표시자도 함께 제공됩니다.
결재 워크플로, 온보딩 양식, 컴플라이언스 승인, 현장 서비스 애플리케이션을 만드는 팀이라면 이제 외부 컴포넌트를 붙이지 않고 Ext JS 안에서 서명을 받고 내보낼 수 있습니다.
QR 코드 리더 · 생성기
결제·물류·유통의 QR 워크플로를 기본 제공으로 처리합니다.
Modern과 Classic 툴킷 모두에서 쓸 수 있는 QR 코드 리더·생성기 컴포넌트가 추가됐습니다. 애플리케이션 안에서 QR 코드를 만들고 읽을 수 있어 결제, 데이터 공유, 연락처 교환 등 다양한 용도에 바로 쓸 수 있습니다.
대표적인 활용처는 유통 매장의 결제 확인, 물류·운송의 자산 추적, 행사장의 연락처 공유, Wi-Fi 설정 전달, 일정 초대입니다. 모두 외부 의존성 없이 Ext JS 안에서 처리됩니다.
API도 충실합니다. URL, 텍스트, VCARD/MeCard, 일정, 위치 정보, 전화·SMS, 이메일, Wi-Fi 설정, 결제 데이터를 지원하며 SVG·Canvas·PNG로 렌더링합니다. 이미지 내려받기, 클립보드 복사, 저장 전 미리보기도 됩니다. 전경·배경색, 크기, 데스크톱과 모바일 대응 반응형 UI, 보안을 위한 입력값 검증까지 설정할 수 있습니다.
가로 버퍼링을 적용한 Buffered Renderer
1,000개가 넘는 열을 성능 저하 없이 렌더링합니다.
Modern 툴킷의 그리드 렌더링에 열 가상화가 들어갔습니다. 화면에 보이는 셀과 설정 가능한 버퍼 영역만 렌더링하기 때문에 열이 1,000개를 넘는 그리드에서 성능이 크게 좋아집니다.
이 가로 버퍼링은 행·열 고정, 그룹화, 필터링, 편집, 접근성 기능, RTL 지원, 모든 테마와 함께 문제없이 동작합니다. 개선된 스크롤러가 아주 넓은 그리드도 효율적으로 처리합니다.
Modern 툴킷용 Lockable Grid 플러그인
보고서 형태의 열 고정을 이제 Modern 툴킷에서 기본으로 씁니다.
Modern 툴킷에 완전한 열 고정 기능을 제공하는 Lockable Grid 플러그인이 새로 들어왔습니다. 쓰기 쉽고 설정이 간단하며 유연한 커스터마이징을 지원하도록 설계됐습니다.
Modern Grid에서 열 고정과 해제를 기본 동작으로 구현하며, 고정 영역과 일반 영역 사이의 가로·세로 스크롤이 동기화됩니다. 선택 모델, 셀 편집, 요약 등 기존 그리드 기능과의 호환성도 그대로 유지됩니다.
Font Awesome 7 지원
모든 툴킷에서 최신 아이콘을, FA5 설정을 깨뜨리지 않고 씁니다.
Ext JS 8.0은 Modern과 Classic 툴킷의 기본 아이콘 세트로 Font Awesome 7.x를 제공합니다. 공식 FA7 치트시트와 사용법이 일치하도록 정리됐고, 새 아이콘 세트를 잘 활용할 수 있도록 문서에 안내가 추가됐습니다.
다이얼로그 경계 제어
부모 영역을 존중하는 다이얼로그 — 화면 밖으로 넘치지 않습니다.
Ext.Dialog가 경계를 인식하는 최대화·최소화·드래그를 지원합니다. 다이얼로그가
전체 뷰포트가 아니라 부모 컨테이너나 패널의 경계를 따르도록 할 수 있습니다.
constrainDrag와 maximizable 설정에 owner 값이 추가되어,
다이얼로그 동작을 소유 컴포넌트의 경계로 제한할 수 있습니다. 다이얼로그가 떠 있는 요소임에도
최대화·최소화·드래그 시 부모 컨테이너 경계를 제대로 지킵니다.
접근성 — 입력 필드 ARIA 지원
추가 설정 없이 접근성을 갖춘 애플리케이션을 만듭니다.
Modern 툴킷이 폼 필드와 트리거에 대한 완전한 ARIA 지원을 갖췄습니다. 렌더링 시점에 적절한 ARIA 속성과 역할이 적용되어 JAWS, 내레이터, TalkBack, VoiceOver를 포함한 스크린 리더와 호환됩니다.
TreePanel의 3단계 체크박스
Material Design과 같은 트리 선택 동작을 설정 한 줄로 켭니다.
Classic 툴킷의 TreePanel 체크박스가 체크·해제·부분선택 세 가지 상태를 지원합니다. 부모 노드가 자식 노드들의 상태를 자동으로 반영하며, Material Design 패턴과 접근성 기대치에 부합합니다.
적용에 드는 수고도 적습니다. 설정에 enableTri: true만 넣으면 되고 이벤트를
바꿀 필요가 없습니다.
ReExt 1.2
ReExt는 React와 Ext JS 프레임워크를 잇는 다리입니다. 데이터 그리드, 트리, 차트, 캘린더, D3를 포함한 140개 이상의 Ext JS UI 컴포넌트를 React 환경에서 쓸 수 있게 해 줍니다. ReExt 1.2는 Ext JS 8.0을 완전히 지원합니다.
도구 버전 지원
Sencha Upgrade Advisor v8.0, Sencha Architect v4.3.8, Sencha Themer v1.4.6, ReExt 1.2.0, Rapid Ext JS 1.2.0에서 Ext JS 8.0을 지원합니다. Support Portal에서 최신 버전을 내려받으실 수 있습니다.
세계 각지의 엔터프라이즈 팀이 쓰고 있습니다
Ext JS 8.0은 이미 Morgan Stanley, Hitachi Energy, Blue Yonder, Citigroup, Motorola Solutions, BMW Group 등의 팀에서 사용 중입니다.
정리하면
- 메이저 버전이지만 하위 호환이 유지되어 재작성 없이 올릴 수 있습니다.
- 서명 패드와 QR 코드는 그동안 외부 라이브러리로 해결하던 요구를 프레임워크 안으로 들여왔습니다.
- 열 1,000개 이상을 다루는 그리드와 Modern 툴킷 열 고정은 대용량 업무 화면을 겨냥한 개선입니다.
- ES2025 지원과 ARIA 적용은 장기 유지보수에서 값이 나오는 변화입니다.
무료 Ext JS Upgrade Adviser 도구가 최신 버전으로 옮길 때 필요한 코드 변경 사항을 찾아 줍니다. 라이센스, 업그레이드 일정, 도입 검토는 국내 총판인 미래웹으로 문의해 주십시오.
이 글은 Sencha 공식 블로그 게시물 What's New in Ext JS 8.0 (2026년 4월, Team Sencha)을 미래웹 주식회사가 한국어로 옮긴 것입니다. 이미지는 Sencha 원본을 그대로 사용했으며 저작권은 Sencha / Idera, Inc. 에 있습니다. 번역 과정에서 생긴 오류가 있다면 원문을 기준으로 판단해 주십시오.