extjs 공부해 보자.

버전 - 3.x 기준

 

EXT JS 예제 사이트  http://dev.sencha.com/deploy/ext-4.0.0/examples/

 

EXT JS 다운로드 사이트 http://www.sencha.com/products/extjs/download?page=a

 

Ext JS 디자이너 다운 http://www.sencha.com/forum/showthread.php?152941-Sencha-Designer-2-Beta-Download-links

 

위 사이트에세 책 저자가 가장 좋다고 생각하는 예제

 

1. 'Feed Viewer'  - EXT JS의 가장 많은 장점을 보여주는 예제, 복잡함

 

   2.   'Simple Tasks' - Google Gears 데이터베이스를 이용하는 업무 관리 PG

 

 

 

■ EXT JS 란?

하나의 자바스크립트 라이브러리만이 아닌, 구조화된 서버 데이터에 기반을 둔 동적이고 배치가 자유로운 사용자 인터페이스를 만들어내는 클라이언트 라이브러리이다. 그렇지만 EXT JS는adapter를 사용하여 다른 자바스크립트 라이브러리와 같이 사용할 수 있다.

 

■ EXT JS 사용 용도

풍부한 사용자 상호작용을 제공하기 위한 웹 사이트를 제작할 때 사용

어떤 일을 처리하거나 어떤 흐름대로 처리해야 하는 웹 사이트가 가장 적합

 

■ EXT JS 제공하는 기능

-각 웹 브라우저의 환경에 맞게 미세 조정이 선행되어 있는 window, grid, form 과 같은 사용하기편리한 크로스-브라우저 위젯 제공

-윈도우 크기 변경이나 글씨 크기 변경 등에 발생하는 사용자 키눌림, 마우스 클릭, 모니터링 이벤트를 관리하는 EventManager를 통한 사용자 상호작용

-AJAX(비동기적인 데이터 요청 및 결과 처리를 가능하게 함)를 이용한 페이지 새로고침 없는 백그라운드에서의 서버와 통신

 

 

■ 어댑터

Ext JS는 두 개의 프레임워크, 즉 jQuery와 Protaculous를 두고 선택할 수 있게 하였다. 이는 다른라이브러리를 사용 중이었거나 다른 라이브러리가 더 적합하다고 판단된다면, 적절한 어댑터를 이용하여 Ext JS와 함게 사용할 수 있음을 말한다. 어느 쪽이든 Ext JS는 같은 기능을 제고하며, 어떤어댑터를 선택하든지 같은 커포넌트로 작업하게 될 것이다.

Ext JS는 환경변수(조건)와의 직접적인 인터페이싱을 위한 어댑터도 가지고 있다. 다른 라이브러리나 프레임워크를 선호하지 않는다면, Ext JS에 내장되어 잇는 어댑터만 사용해도 될 것이다.

[출처] Ext JS 란?|작성자 denees