크로스 브라우저 앱 개발을 위한 충격적인 경험!
역동적인 데스크톱 스타일의 사용자 인터페이스 개발!
자바스크립트와 웹 표준으로 만드는 강력한 데스크톱 웹 애플리케이션!

점점 더 많은 작업과 비즈니스들이 데스크톱 애플리케이션보다 웹 브라우저를 통해 이루어지고 있다. 그리고 사용자들은 데스크톱 애플리케이션과 유사한 웹 애플리케이션을 원하고 있다. Ext JS는 자바스크립트 라이브러리로서 다중 윈도우, 툴바, 드롭다운 메뉴, 다이얼로그 박스 등을 포함한 데스크톱 스타일의 사용자 인터페이스를 비교적 쉽게 만들어낸다.

이 책은 상호작용을 위한 코드와 다양한 스크린 샷을 통한 정확한 설명으로 Ext 프레임워크의 주요 특징들을 다루고 있다. 또한 풍부하고 역동적인 AJAX 기반 웹 애플리케이션을 만들 수 있도록 도움을 준다. 이 책의 스크린 샷을 통해 설명된 여러 예제를 이용하면, 사용자가 기대하는 것 이상으로 작동하는 웹 애플리케이션을 만들 수 있다.

이 책을 통해 배울 수 있는 것들은 다음과 같다.

- 응답형 폼 생성하기
- 완전히 새로운 관점으로 웹 애플리케이션에 접근하기
- Ext JS의 주요 UI 컴포넌트 사용하기
- 웹 애플리케이션으로 원거리 데이터 다루기
- 클라이언트/서버 유효성 검증 필드, 폼 로딩, 폼 승인, 사용자 정의 필드, 레이아웃 구성을 통해 보기 좋으면서도 익숙한 폼 생성하기
- Ext JS 모든 조각들을 모으기 위해 레이아웃 사용하기
- Ext JS 이펙트를 이용하여 DOM 다루기
- 컴포넌트를 통해 일관된 외관과 느낌 제공하기
- 테마 지원으로 Ext JS의 스타일 변경하기

이 책의 독자층은 다음과 같다.
이 책은 웹 애플리케이션 개발자를 위한 책이다. HTML에 익숙하지만 자바스크립트 애플리케이션 개발에는 비교적 능숙하지 않은 사람을 위한 책이다. 실버라이트나 플렉스, JavaFX와 같이 RIA 애플리케이션을 만들고 싶은 독자라면 이 책을 추천한다. 원시 코드를 직접 작성하지 않고 간단한 설정만으로도 웹에서 다양한 GUI를 구축하고자 한다면 이 책이 많은 도움을 줄 것이다.

이 책의 장별 내용
- 1장 시작하기 Ext JS의 기본적인 내용을 담고 있다. 다른 자바스크립트 라이브러리와 달리, Ext JS는 골치 아픈 기본 작업을 줄여준다. 적은 코드로 상당히 기능적인 사용자 인터페이스를 만들 수 있게 해준다. 1장의 주요 목적은 Ext JS를 설치하여 멋진 위젯과 웹 애플리케이션을 만들어보는 것이다.
- 2장 Ext JS의 기초 기능적인 위젯을 만드는 방법과 이것을 원하는 대로 동작하도록 설정해주는 방법을 배운다. 사용자와 웹 페이지 간의 상호작용을 위해 만들어진 다이얼로그 같은 Ext JS 위젯을 경험해본다.
- 3장 폼 Ext JS 폼 생성 방법을 알아본다. HTML의 폼과 유사하지만, 레이아웃이나 스타일링, 오류 검사 등 Ext JS의 폼이 훨씬 더 유용하다. Ext JS의 폼은 사용자 입력에 대해 유효성을 검증하고, 데이터베이스로부터 데이터를 가져오고, 서버로 데이터를 보내기도 한다.
- 4장 메뉴, 툴바, 그리고 버튼 고정된 컴포넌트로서의 메뉴를 사용해보고, 버튼과 관련된 팝업 메뉴도 만들어본다. 환경설정 객체와 단축 형태, 두 가지 방식 모두를 사용하여 툴 바 컴포넌트를 다루어 볼 것이다.
- 5장 그리드 행과 열을 정의하고, 웹 애플리케이션에 매우 중요한 부분이 되는 그리드를 생성하고 사용해볼 것이다.
- 6장 에디터 그리드 많은 개발자들에게 익숙한 그리드에서의 데이터 조작을 다룬다. 또한 기능적인 사용자 인터페이스로 만들어주는 콤보박스 같은 Ext JS의 폼 필드를 배울 것이다.
- 7장 레이아웃 Ext JS 프레임워크에 의해 제공되는 광범위한 레이아웃 기능을 이용하여 그리드 같은 컴포넌트를 애플리케이션 화면의 다른 부분들과 어우러지도록 만든다.
- 8장 트리 트리 패널의 사용이 간단한 것은 아니지만, 애플리케이션에 특정 기능을 부여하는 여러 가지 환경설정 옵션이 있음을 알게 될 것이다.
- 9장 윈도우와 다이얼로그 Ext.Window와 Ext.MessageBox의 차이점을 이해하고, 팝업 메뉴와 유사한 Ext JS에 내장된 메서드를 살펴본다. 또한 더 복잡한 목적에 쓰일 수 있도록 윈도우의 환경설정을 수정해본다.
- 10장 차트 기본적인 파이 차트로 시작해서 좀 더 복잡한 차트들을 배워본다. 또한 기본적인 차트를 동작하게 하는 방법과 쉽게 다른 차트로 변경하는 방법에 대해 알아볼 것이다.
- 11장 이펙트 애니메이션과 이펙트를 위해 Ext JS에 내장된 옵션들을 알아보고, 사용자 정의 애니메이션을 만들어본다. 이미 있는 것들을 수정하고, 여러 애니메이션을 함께 사용해보고, 마스킹과 툴 팁 같은 다른 Ext JS의 시각적 이펙트도 다루어본다.
- 12장 드래그 앤 드롭 웹 2.0 glitz의 가장 전형적인 예제들 중 하나를 살펴본다. 사용하기 쉽고 매우 기능적인 Ext JS의 방식도 알아볼 것이다.
- 13장 코드 재사용: Ext JS의 확장 Ext JS 라이브러리를 확장하여 사용자 정의 컴포넌트를 생성해본다. 네임스페이스에 대해 논하고, 사용자 정의 컴포넌트와 그 외의 것들과의 차이점도 알아본다. 또한 이벤트 운용 애플리케이션 아키텍처의 개념과 객체지향 개념에 대해 살펴볼 것이다.
- 14장 플러그인 플러그인을 만들어 사용해보고, 컴포넌트와의 차이점도 알아볼 것이다.
- 15장 데이터 Ext JS 기반의 애플리케이션으로 데이터를 가져오고, 다시 서버로 보내는 여러 가지 방식에 대해 알아볼 것이다.
- 16장 데이터 서비스 마셜링 단일 환경설정상의 데이터 마셜링을 위한 Ext.Direct 사용법에 대해 다뤄본다.
- 17장 Ext JS의 저력 Ext JS 프레임워크에 숨겨진 훌륭한 컴포넌트들을 알아보고, 더 많은 정보가 있는 커뮤니티 자원에 대해 논할 것이다.

Chapter 1 시작하기
자바스크립트에 대해 2
비동기적이다! 3
Ext JS 소개 4
Ext JS 얻기 7
Ext JS의 위치 7
페이지에 Ext JS 넣기 9
Ext JS 라이브러리 사용 11
예제 살펴보기 12
Ext.onReady 함수의 사용 13
Ext JS 오류 보고 14
어댑터 16
지역화 17
온라인 지원 19
온라인 API 문서 19
요약 20

Chapter 2 Ext JS의 기초
환경설정 객체와의 만남 22
예제에 대한 설명 26
위젯에 대해서 27
기능 더하기 29
예제: 불사르기 31
사용자 정의 HTML의 사용 35
요약 37

Chapter 3 폼
주요 컴포넌트 40
첫 번째 폼 40
동작 원리 42
데이터 유효성 검증 44
검증방식 - vtypes 46
오류 메시지의 모양 47
사용자 정의 vtype 48
마스킹 51
라디오 버튼과 체크박스 51
TextArea와 HTMLEditor 57
필드 이벤트 기다리기 59
버튼과 폼 전송 62
폼에 데이터 읽어오기 66
DOM 이벤트 처리 함수 68
요약 69

Chapter 4 메뉴, 툴바, 그리고 버튼
메뉴에 무엇이 들어가는가? 72
툴바 76
메뉴 항목 선택 시 콘텐츠 읽어오기 86
툴바에 있을 필요가 없는 버튼 89
강력한 툴바 93
요약 95

Chapter 5 그리드
그리드는 무엇인가? 98
데이터 기반 그리드 패널 98
레코드 정의 99
Reader 객체 100
그리드 패널에 데이터 표현하기 102
그리드 패널에 표현하기 105
그리드 칼럼 모델 정의하기 107
셀 렌더러 사용하기 111
기본으로 제공되는 특징 114
서버 측 데이터 표현하기 117
그리드 가지고 놀기 121
고급 그리드 꾸미기 126
요약 130

Chapter 6 에디터 그리드
에디터 그리드로 할 수 있는 일 134
에디터 그리드로 작업하기 134
서버에 수정된 데이터 저장하기 146
RowEditor 플러그인 150
요약 154

Chapter 7 레이아웃
레이아웃 관리자 157
레이아웃으로 할 수 있는 일 160
동적 애플리케이션 레이아웃 162
첫 뷰포트 163
하위 컴포넌트의 하위 컴포넌트 166
아코디언 레이아웃 169
레이아웃에 툴바 사용하기 170
레이아웃에 폼 패널 사용하기 172
앵커 레이아웃 174
한발 더 나아간 레이아웃 176
Vbox 레이아웃 176
Hbox 레이아웃 177
컴포넌트의 동적인 변화 179
새로운 컴포넌트 추가 181
요약 182

Chapter 8 트리
트리 이용하기 184
시작하기 184
간단한 트리 185
트리에 데이터 붙이기 187
트리 가지고 놀기 190
다듬기 195
기타 사항들 200
요약 207

Chapter 9 윈도우와 다이얼로그
다이얼로그 열기 210
다이얼로그 210
윈도우 217
윈도우 관리 226
요약 232

Chapter 10 차트
사용하기 쉬운 차트 233
파이 조각 모양 짓기 239
바 차트, 칼럼 차트 241
바 차트에서 칼럼 차트로 243
툴 팁 251
다른 예제 살펴보기 253
요약 258

Chapter 11 이펙트
기반 클래스 260
상호 보완 클래스 261
앵커 269
다중 이펙트 273
Ext.Element 275
기타 특성 276
요약 281

Chapter 12 드래그 앤 드롭
드래그 앤 드롭의 유용성 284
드래그 살펴보기 284
드래그 앤 드롭의 확장 288
Ext.dd.Registry의 사용 290
드래그 앤 드롭의 장점 291
드래그 드롭 그룹 295
드래그 앤 드롭 설정하기 296
이동 관리 298
스크롤 관리 299
컴포넌트 내의 드래그 300
요약 302

Chapter 13 코드 재사용: Ext JS의 확장
Ext JS의 객체지향 프로그래밍 305
패키지, 클래스, 네임스페이스 308
확장해보기 309
사용자 정의 네임스페이스 310
사용자 정의 클래스 310
메서드 오버라이딩 314
이벤트 순서의 이해 315
사용자 정의 이벤트 318
사용자 정의 컴포넌트 319
자세히 살펴보기 322
xtype의 사용: 늦은 초기화 326
사용자 정의 컴포넌트에 객체 추가하기 327
요약 328

Chapter 14 플러그인
플러그인으로 할 수 있는 일 329
플러그인 동작 원리 330
플러그인 만들기 333
검색 폼 335
호스트 컴포넌트와 상호작용 337
환경설정 가능한 플러그인 339
추가사항 341
요약 343

Chapter 15 데이터
데이터 형식 이해하기 346
데이터 저장소 객체 351
데이터 매핑에 사용되는 DataReader 356
사용자 정의 DataReader 사용 359
사용자 정의 DataReader 362
데이터 검색 366
데이터 필터링 367
레코드 집합 변경 다루기 374
DataWriter 376
저장소를 사용하는 객체들 384
요약 385

Chapter 16 데이터 서비스 마셜링
Ext.Direct란? 388
서버 측 스택 만들기 388
한데 버무리기 402
요약 406

Chapter 17 Ext JS의 저력
티끌 모아 태산 408
폼 위젯 408
데이터 형태 변경 413
애플리케이션 상태 관리 416
DOM 접근 418
Adobe AIR의 사용 420
Ext JS 커뮤니티 422
리소스 추가 425
어떻게 만들어 갈 것인가? 427
요약 427

찾아보기 428