Ext.js-개요
Ext JS는 브라우저 간 기능을 사용하여 웹 애플리케이션을 빌드하기위한 풍부한 UI를 제공하는 널리 사용되는 JavaScript 프레임 워크입니다. Ext JS는 기본적으로 데스크톱 응용 프로그램을 만드는 데 사용됩니다. IE6 +, FF, Chrome, Safari 6+, Opera 12+ 등 모든 최신 브라우저를 지원합니다. Sencha의 다른 제품인 Sencha Touch는 모바일 애플리케이션에 사용됩니다.
Ext JS는 MVC / MVVM 아키텍처를 기반으로합니다. Ext JS 6의 최신 버전은 단일 플랫폼으로, 다른 플랫폼에 대해 다른 코드를 사용하지 않고도 데스크톱 및 모바일 애플리케이션 모두에 사용할 수 있습니다.
역사
Ext JS 1.1
Ext JS의 첫 번째 버전은 2006 년 Jack Slocum에 의해 개발되었습니다. 이것은 YUI의 확장 인 일련의 유틸리티 클래스였습니다. 그는 라이브러리를 YUI-ext로 명명했습니다.
Ext JS 2.0
Ext JS 버전 2.0은 2007 년에 출시되었습니다.이 버전에는 제한된 기능을 가진 데스크톱 응용 프로그램에 대한 새로운 API 문서가 있습니다. 이 버전은 이전 버전의 Ext JS와 하위 호환성이 없습니다.
Ext JS 3.0
Ext JS 버전 3.0은 2009 년에 출시되었습니다.이 버전은 새로운 기능을 차트 및 목록보기로 추가했지만 속도는 떨어졌습니다. 버전 2.0과 역 호환됩니다.
Ext JS 4.0
Ext JS 3가 출시 된 후 Ext JS 개발자는 속도를 높이는 데 큰 어려움을 겪었습니다. Ext JS 버전 4.0은 2011 년에 출시되었습니다. 구조가 완전히 수정되었으며 MVC 아키텍처와 빠른 애플리케이션이 뒤따 랐습니다.
Ext JS 5.0
Ext JS 버전 5.0은 2014 년에 출시되었습니다.이 릴리스의 주요 변경 사항은 MVC 아키텍처를 MVVM 아키텍처로 변경하는 것입니다. 여기에는 터치 지원 장치, 양방향 데이터 바인딩, 반응 형 레이아웃 및 더 많은 기능에서 데스크톱 앱을 빌드하는 기능이 포함됩니다.
Ext JS 6.0
Ext JS 6은 Ext JS (데스크톱 애플리케이션 용)와 Sencha Touch (모바일 애플리케이션 용) 프레임 워크를 병합합니다.
풍모
다음은 Ext JS의 주요 기능입니다.
그리드, 피벗 그리드, 양식, 차트, 트리와 같은 풍부한 UI 모음이있는 사용자 정의 가능한 UI 위젯.
새 버전과 이전 버전의 코드 호환성.
유연한 레이아웃 관리자는 여러 브라우저, 장치 및 화면 크기에 걸쳐 데이터 및 콘텐츠 표시를 구성하는 데 도움이됩니다.
고급 데이터 패키지는 데이터 영역에서 UI 위젯을 분리합니다. 데이터 패키지를 사용하면 정렬 및 필터링과 같은 기능을 지원하는 고기능 모델을 사용하여 클라이언트 측 데이터 수집이 가능합니다.
프로토콜에 구애받지 않으며 모든 백엔드 소스의 데이터에 액세스 할 수 있습니다.
사용자 정의 가능한 테마 Ext JS 위젯은 여러 플랫폼에서 일관된 여러 기본 테마로 사용할 수 있습니다.
혜택
Sencha Ext JS는 비즈니스 급 웹 애플리케이션 개발을위한 선도적 인 표준입니다. Ext JS는 데스크톱 및 태블릿을위한 강력한 애플리케이션을 구축하는 데 필요한 도구를 제공합니다.
최신 브라우저와 레거시 브라우저 모두에서 데스크톱, 태블릿, 스마트 폰에서 교차 플랫폼 개발을 간소화합니다.
IDE 플러그인을 통해 엔터프라이즈 개발 환경에 통합하여 개발 팀의 생산성을 높입니다.
웹 애플리케이션 개발 비용을 줄입니다.
팀이 매력적인 사용자 경험으로 앱을 만들 수 있도록 지원합니다.
강력한 UI를 쉽게 만들 수있는 위젯 세트를 제공합니다.
MVC 아키텍처를 따르므로 코드를 쉽게 읽을 수 있습니다.
한계
라이브러리의 크기는 약 500KB로 초기로드 시간이 더 길어지고 애플리케이션 속도가 느려집니다.
HTML은 복잡하고 디버깅하기 어려운 태그로 가득 차 있습니다.
일반 공용 라이센스 정책에 따라 오픈 소스 애플리케이션의 경우 무료이지만 상업용 애플리케이션의 경우 유료입니다.
때로는 단순한 것을로드하기 위해 몇 줄의 코딩이 필요합니다. 이는 일반 html 또는 JQuery에서 더 간단합니다.
Ext JS 애플리케이션을 개발하려면 경험이 풍부한 개발자가 필요합니다.
도구
다음은 주로 프로덕션 수준에서 Ext JS 애플리케이션 개발에 사용되는 Sencha에서 제공하는 도구입니다.
센차 CMD
Sencha CMD는 Ext JS 코드 축소, 스캐 폴딩 및 프로덕션 빌드 생성 기능을 제공하는 도구입니다.
Sencha IDE 플러그인
Sencha IDE 플러그인은 Sencha 프레임 워크를 IntelliJ, WebStorm IDE에 통합하여 코드 완성, 코드 검사, 코드 탐색, 코드 생성, 코드 리팩토링, 템플릿 생성, 맞춤법 검사 등과 같은 기능을 제공하여 개발자의 생산성을 향상시킵니다.
Sencha 검사관
Sencha Inspector는 디버거가 개발 중에 문제를 디버깅하는 데 도움이되는 디버깅 도구입니다.