고품질의 크로스플랫폼 자바스크립트 UI 프레임워크 Ext JS 4의 새로운 기능을 스크린샷과 예제 코드를 통해서 쉽게 설명한다. 새로운 Ext JS 4 클래스 시스템의 소개를 시작으로 Ext JS 3를 Ext JS 4로 마이그레이션하는 방법과 차트, 그리드, 트리, 폼, 패널과 같은 향상된 Ext JS 4 컴포넌트에 대해서 알아본다. 또한 새로운 Ext JS 4 데이터 모델과 테마에 대해 알아보며 마지막으로 새로운 Ext JS 4 MVC 아키텍처를 사용해서 완성된 애플리케이션을 작성해 본다. 『Ext JS 4 First Look 한국어판』은 Ext JS 프레임워크를 배우는 데 좋은 시작점이 될 것이다.


[ 소개 ]

Ext JS는 빠른 성능의 RIA(Rich Internet Application)를 구축할 수 있는 자바스크립트 프레임워크다. Ext JS 4는 새로운 기능이 많이 추가되어서 Ext JS 3에 능숙한 전문가라도 마스터하기가 쉽지 않다.

『Ext JS 4 First Look 한국어판』은 Ext JS 4의 주요 기능과 새로운 기능의 사용법을 Ext JS 4와 이전 버전과의 차이점 비교를 통해 설명한다. 또한 이 책은 Ext JS 3 애플리케이션을 완벽한 Ext JS 4 애플리케이션으로 마이그레이션하는 데 필요한 지식을 알려주며, 새로운 데이터 모델과 테마, MVC 아키텍처 그리고 차트, 그리드, 트리, 폼 패널과 같은 Ext JS 컴포넌트를 사용 방법을 소개한다. 이 책에서는 Ext JS 4의 새로운 기능을 쉽게 배울 수 있도록 예제와 스크린샷을 제공한다.


[ 이 책에서 다루는 내용 ]

■ Ext JS 4의 주요 변경 점과 Ext JS 3와의 호환성 및 컴포넌트를 로딩하는 방법
■ 모델, 관계, 유효성, 프록시 같은 기능을 제공하는 새로운 데이터 패키지의 이해
■ 향상된 새로운 레이아웃 엔진을 사용해서 컴포넌트를 컨테이너에 구성하는 방법
■ 플래시 없이 바, 파이, 레이더, 스캐터, 게이지, 라인, 에어리어 차트를 생성하는 방법과 커스터마이즈하는 방법
■ 그리드와 트리 그리고 폼과 같은 Ext JS 4 컴포넌트의 변경 점
■ 사스와 콤파스를 이용한 테마 변경과 새로운 테마 생성
■ Ext JS MVC 아키텍처를 사용해서 완전한 애플리케이션을 작성하는 방법
■ Ext JS 3와 Ext JS 4의 클래스 이름 비교


[ 이 책의 대상 독자 ]

이 책은 Ext JS 3의 개발 경험이 있고 Ext JS 4의 새 기능에 대해 자세히 알고 싶은 개발자들을 위해 쓰여졌다. Ext JS 3 애플리케이션을 Ext JS 4로 마이그레이션하려는 개발자에게도 추천한다.


[ 이 책의 구성 ]

1장. Ext JS 4의 새로운 점
1장은 Ext JS 3와 Ext JS 4의 주요 차이점을 설명한다. Ext JS 4 프레임워크는 완전히 재작성 되고 모든 패키지가 개선됐다. 성능이 최적화 됐고 쉽게 배우고 빠르게 설정을 변경 할 수 있다. 클래스 구조, 프레임워크 전체 훑어보기, 새로운 센차(Sencha) 플랫폼 등을 다룬다.

2장. 새로운 데이터 패키지
센차 터치 프레임워크와 동일한 데이터 패키지의 모든 변경 사항을 다룬다. 2장에서는 새로운 모델 클래스, 관계(association), 프록시(proxy), 동작(operation), 배치(batch)와 스토어(Store) 클래스의 새 기능을 소개한다.

3장. 개선된 레이아웃
기존 레이아웃의 변경된 부분과 독(dock), 툴바(toolbar), 필드(field), 트리거 필드 레이아웃(trigger field layout)과 같이 새로운 컴포넌트 엔진을 다룬다. 또한 핏(fit), 보더(border), 테이블(table), 앵커(anchor), 카드(card), 아코디언(accordion)등 컨테이너 레이아웃의 변경 사항을 다룬다.

4장. 개선된 차트
플래시 없이 자바스크립트로 실행하며 기본 패키지에 포함된 새로운 Ext JS 4 차트 패키지를 소개한다. 차트 축, 범례 사용자 정의 테마를 설정하는 방법과 바(Bar), 컬럼(Column), 라인(Line), 에어리어(Area), 스캐터(Scatter), 파이(Pie), 레이더(Radar), 게이지(Gauge)와 같은 Ext JS 차트를 다룬다.

5장. 개선된 그리드, 트리, 폼
개선된 컴포넌트를 소개한다. Ext JS 4 컴포넌트는 속도가 빨라졌고 유연한 구조를 가지고 있다. 5장에서는 그리드와 트리, 폼과 같은 새로운 플러그인을 다룬다.

6장. 테마
사스(Sass, Syntactically Awesome Stylesheets)와 콤파스(Compass)를 활용한 새로운 CSS 아키텍처를 사용하여 테마를 수정하거나 새 테마를 만드는 방법을 단계 별로 설명한다.

7장. MVC 애플리케이션 아키텍처
Ext JS 4 애플리케이션에 적용된 새로운 MVC 아키텍처 개요를 설명한다. 7장은 MVC 패턴을 이용한 애플리케이션 구성 방법과 Ext JS 프로젝트의 컴포넌트와 파일 구성, 구조화 방법을 다룬다. MVC Ext JS 4 애플리케이션을 만드는 방법을 단계별로 설명한다.

부록. Ext JS 4 Vs Ext JS 3 클래스 비교 목록

부록에는 Ext JS 3와 Ext JS 4의 클래스 비교 목록을 제공한다. Ext JS 4에선 클래스 이름이 일부 변경됐다. Ext JS 4 Beta로 마이그레이션(migration) 중 이름이 변경되거나 새로 추가된 클래스를 손쉽게 찾을 수 있다.

[ 저자 서문 ]

Ext JS 4는 Ext JS 3와 비교해서 많은 부분이 달라졌다. Ext JS 4 프레임워크는 새로운 데이터 패키지, 차트, 향상된 레이아웃을 포함하며 완전히 재작성 되어 성능이 크게 향상됐다.

이 책은 예제 코드와 실행 결과 그리고 스크린샷과 함께 Ext JS 4의 주요 변경 사항과 새로운 기능을 설명한다.

Ext JS 4 프레임워크의 변경 사항을 이해하고 Ext JS 3로 개발된 프로그램을 Ext JS 4로 마이그레이션하거나 새로운 Ext JS 4 애플리케이션을 작성하는 데 도움이 되길 바란다.


[ 저자 소개 ]

로이아니 그로네르(Loiane Groner)
브라질 태생인 로이아니 그로네르는 상파울루에 살며 자바 웹 응용 프로그램 개발과 함께 IT의 삶을 시작했다. 대학에 있는 동안 IT에 몰두했던 그로네르는 알고리즘과 데이터 구조, 그리고 컴퓨팅 이론을 가르치며 2년 반을 보조 교사로서 일했다. 그로네르는 ACM 국제 대학 프로그램 컨테스트 브라질 결선(남미 지역)에서 대학을 대표해 SBC(브라질 컴퓨팅 협회) 학생대표로 2년간 일했다. 4학년 때 컴퓨터 과학 부분에서 높은 평점으로 상위 3위에 들며 우등상을 받고 명예롭게 졸업했다.
자바 개발 3년 후, IBM 브라질에서 일하며 2년간 미국 회사를 위해 자바 및 Ext JS 애플리케이션을 개발했다. IBM에서 팀장에 오른 그로네르는 자바와 XML 그리고 Ext JS 기술의 고용 훈련을 담당했다.
현재 그로네르는 시티뱅크 브라질 기술 솔루션 센터(Citibank Brazilian Technology Solution Center)에서 수석 소프트웨어 기술자로서 해외 솔루션을 개발하고 있다. 또한 독립적인 EXT JS 자문위원이자 코치도 맡고 있다.
EXT JS와 자바에 매우 열정적인 그로네르는 두 곳의 브라질 자바 사용자 그룹인 CompinasJUG(Campinas Java Users Group)의 리더이자, ESJUG(Espirito Santo Java Users Group)의 코디네이터를 역임하고 있다.
IT, Ext JS, 스프링 프레임워크, 그리고 일반적인 개발에 대한 생각을 자신의 블로그 http://loianegroner.com(영어), http://loiane.com(브라질 포르투갈어)에 기고하며 소프트웨어 개발 커뮤니티에 기여한다.


[ 옮긴이의 말 ]

홍영택
페이스북, 구글과 같은 성공적인 서비스를 지켜보며 웹이 갖고 있는 무한한 가능성은 누구라도 알고 있다. 웹은 링크를 갖고 있는 단순한 문서를 넘어 애플리케이션이 되었고 구조는 더 복잡지고 사용자의 기대치는 높아졌다. 복잡한 웹 애플리케이션을 구현할 때 이 복잡함을 제어하는 것이 매우 중요한데 Ext JS를 고려하는 것을 추천한다. Ext JS는 단순한 UI 프레임워크를 넘어 애플리케이션 클라이언트를 일관성 있고 빠르게 구현할 수 있는 좋은 프레임워크다. 프레임워크를 사용하지 않고 직접 애플리케이션의 바닥을 만들 때도 Ext JS에 녹아있는 멋진 아이디어들을 참고할 수 있을 것이다.

정대원
개발 영역이 다양해지고 요구되는 품질은 점점 높아만 간다. 바야흐로 풀 스택(Full Stack) 개발자가 요구되는 시대다. 이런 시대의 개발자들은 끊임없는 학습이 요구된다. 요즘 백엔드 환경에서 node.js가 유명세를 타고 있다. 수많은 프론트엔드 개발자들이 백엔드 영역까지 통합해서 개발하고 있다는 뜻이다. 마찬가지로 백엔드 영역에서 활동하던 개발자들에게도 프론트 엔드 개발 역량 강화가 필요하다. 프론트 엔드 개발을 빠르게 하기 위해서는 한가지 정도 잘 다룰 수 있는 UI 프레임워크가 필요한데 Ext JS 4는 좋은 선택이 될 수 있다. Ext JS는 오랜 시간에 걸쳐서 프레임워크를 다듬어 왔기 때문에 훌륭한 품질과 성능을 가지고 있으며 잘 디자인된 API를 가지고 있다. 빠른 프로토타입을 위해서 풀 스택 개발을 하려는 백엔드 개발자에서 Ext JS는 훌륭한 선택이 될 것이다.


[ 옮긴이 소개 ]

홍영택
직장인이 아닌 해커가 되고 싶은 개발자. 돌아가는 코드가 논쟁을 이긴다고 믿고 있다. 지금까지 주로 클라우드 오피스 관련 개발을 하고 있으나 다양한 분야에 가치 있는 소프트웨어를 만들고 싶어 한다. 훌륭한 동료들과 같이 개발한 서비스는 네이버 워드가 있다. 현재는 사이냅소프트에서 일하며, 웹 프리젠테이션과 웹 스프레드시트 서비스를 개발하고 있다.

정대원
프로그래밍 언어를 좋아하는 프로그래머. 프로그래밍을 더 잘 할 수 있는 방법에 관심이 많으며 언제나 더 좋은 방법이 있다고 생각한다. 꿈의 에디터인 Emacs와 키가 약간 모자란 해피해킹 키보드를 사용하는 것을 좋아한다. 사이냅소프트에서 일하며 훌륭한 동료들과 함께 멋진 웹 오피스를 개발하고 있다.

목차

• 1장. Ext JS 4의 새로운 점
• 2장. 새로운 데이터 패키지
• 3장. 개선된 레이아웃
• 4장. 개선된 차트
• 5장. 개선된 그리드, 트리, 폼
• 6장. 테마
• 7장. MVC 애플리케이션 아키텍처