• 1장 클래스, 객체지향 원칙, 애플리케이션 구조화
  • 개요
  • Ext JS의 새로운 클래스 체계를 이용한 사용자 정의 클래스 생성
  • 클래스 상속
  • 클래스에 믹스인 추가
  • 함수 스코프
  • Ext JS 클래스 동적 로딩
  • 컴포넌트 에일리어스
  • 컴포넌트 쿼리로 컴포넌트에 접근
  • Ext JS 컴포넌트 확장
  • Ext JS 기능 오버라이딩
    
• 2장 DOM 조작, 이벤트 핸들링, AJAX 요청 생성
  • 개요
  • DOM 엘리먼트 선택
  • DOM 트리 순회
  • DOM 엘리먼트 조작
  • 새로운 DOM 엘리먼트 생성
  • 엘리먼트와 컴포넌트의 이벤트 핸들링
  • 자식 객체로 이벤트 위임
  • 간단한 엘리먼트 애니메이션
  • 사용자 정의 애니메이션
  • 날짜 데이터 분석, 형식화, 조작
  • AJAX를 이용한 데이터 로딩
  • JSON 데이터 인코딩과 디코딩
    
• 3장 컴포넌트 배치
  • 개요
  • FitLayout으로 컴포넌트 확장
  • VBoxLayout으로 수직 레이아웃 만들기
  • HBoxLayout으로 수평 레이아웃 만들기
  • ColumnLayout으로 콘텐츠 나타내기
  • AccordionLayout으로 축소 가능한 레이아웃 만들기
  • CardLayout으로 스택 컴포넌트 나타내기
  • 부모 크기에 비례하는 앵커 컴포넌트 만들기
  • BorderLayout으로 전체 화면 애플리케이션 만들기
  • 다양한 레이아웃 조합
    
• 4장 UI 블록 쌓기: 트리, 패널, 데이터뷰
  • 개요
  • 서버에서 트리 노드 가져오기
  • 트리 노드 정렬
  • 드래그 앤 드롭으로 노드 이동
  • 트리 메뉴에서 또 다른 패널로 콘텐츠 가져오기
  • 패널 가장자리로 아이템 고정
  • 윈도우로 간단한 폼 나타내기
  • 탭에 툴팁 나타내기
  • 탭 패널의 탭바 조작
  • XTemplate에서 인라인 자바스크립트 실행
  • Ext.XTemplate 멤버 함수 만들기
  • Ext.XTemplate에 로직 추가
  • Ext.XTemplate의 날짜 형식화
  • 데이터 스토어와 연결된 데이터뷰의 생성
  • 데이터뷰 클릭으로 상세 정보 표시
    
• 5장 폼 로딩과 제출, 유효성 검사
  • 개요
  • 복잡한 폼 레이아웃 구성
  • 폼 데이터 채우기
  • 폼 데이터 제출
  • VType으로 폼 필드 유효성 검사
  • 사용자 정의 VType 만들기
  • 서버에 파일 업로드
  • 예외 처리와 콜백 함수 다루기
    
• 6장 폼 필드 사용과 설정
  • 개요
  • 라디오 버튼 나열
  • 체크박스 그룹 덧붙이기
  • JSON으로부터 체크박스 그룹을 동적으로 만들기
  • 날짜 필드에서 선택 가능한 범위 설정
  • 날짜 필드 로딩과 구문 분석
  • 스피너 필드를 사용한 숫자 입력
  • 슬라이더 필드 값 조정
  • 콤보박스에 서버 데이터 로드
  • 콤보박스 자동완성
  • 콤보박스 아이템 렌더링
  • HTML 필드를 사용한 리치 에디터
  • 반복되는 폼 필드와 필드셋 생성
  • 폼 필드 결합
    
• 7장 Ext JS 데이터 패키지
  • 개요
  • 데이터 객체 모델링
  • 프록시를 이용한 모델 로딩과 저장
  • 스토어로 크로스도메인 데이터 로드
  • 모델 관계 설정과 중첩 데이터 로딩
  • 모델 필드의 유효성 검사
  • 스토어 데이터 그룹핑
  • 스토어 예외 처리
  • HTML5 로컬 저장소의 데이터 저장과 로딩
    
• 8장 표 데이터 표현과 편집
  • 개요
  • 간단한 표 데이터 나타내기
  • RowEditor로 그리드 데이터 편집
  • 페이징 툴바 추가
  • 스크롤 기능이 제공된 그리드에서 데이터 다루기
  • 드래그 앤 드롭으로 그리드 간 레코드 이동
  • 그리드 그룹 생성
  • 템플릿 컬럼을 사용한 그리드 셀의 사용자 지정 렌더링
  • 그리드 데이터의 합계 행 만들기
  • RowBody 기능으로 전체 행 너비에 맞게 데이터 표현
  • 그리드 행에서 동작하는 컨텍스트 메뉴 추가
  • 선택한 행으로 폼 채우기
  • 그리드 액션 컬럼에 버튼 추가
    
• 9장 버튼과 메뉴로 툴바 구성
  • 개요
  • 스플릿 버튼 생성
  • 컨텍스트 메뉴 사용
  • 콤보박스를 툴바에 추가해 그리드 필터링
  • 메뉴에서 색상 선택기 사용
    
• 10장 그리기와 차트
  • 개요
  • 기본 도형 그리기
  • 그라데이션 적용
  • 패스 그리기
  • 스프라이트의 전환과 상호작용
  • 외부 데이터로 막대 차트 생성
  • 로컬 데이터로 파이 차트 생성
  • 연속으로 갱신되는 데이터로 선형 차트 만들기
  • 레이블, 색상, 축 서식 사용자 정의
  • 차트 컴포넌트의 이벤트
  • 그리드 편집으로 차트 갱신
    
• 11장 테마 적용
  • 개요
  • 컴퍼스로 SASS 컴파일
  • SASS 소개
  • Ext JS의 SASS 변수 사용
  • UI 설정 옵션
  • 테마 믹스인 생성
  • 패널 스타일 재정의
  • 레거시 브라우저를 지원하는 이미지 만들기
    
• 12장 완벽한 애플리케이션을 위한 고급 Ext JS 활용
  • 개요
  • 플러그인의 고급 기능
  • MVC 패턴으로 애플리케이션 설계
  • 사용자 동작을 제어하는 컨트롤러 액션 추가
  • MVC 패턴으로 실전 애플리케이션 만들기
  • 센차 SDK 도구로 애플리케이션 만들기
  • Ext Direct 시작
  • Ext Direct를 사용한 폼 로딩과 제출

[ p69 예제코드 ]

4.2.1 부터는 Ext.application 의 Config options 에서 'name' 은 필수 사항입니다. 즉, name 이 누락된 경우 해당 예제는 작동하지 않습니다. http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.app.Application

[ p76 19행 ]

var owerfulThemingEl -> var powerfulThemingEl

[ p185 22, 29행 (띄어쓰기 오류) ]
div.bug-wrapperspan.title  ->  div.bug-wrapper span.title
div.bug-wrapperspan.severity  ->  div.bug-wrapper span.severity

[ p186 13, 19, 29, 32행 (띄어쓰기 오류) ]
div.bug-wrapperspan.description  ->  div.bug-wrapper span.description
div.bug-wrapperspan.status  ->  div.bug-wrapper span.status
div.bug-wrapperspan.status.open  ->  div.bug-wrapper span.status.open
div.bug-wrapperspan.status.complete  ->  div.bug-wrapper span.status.complete

[ p253 16행 ]
Ext.data.Strore -> Ext.data.Store

[ p316 23행 ]
Ext.create('Ext.grid.Pane', {   -->   Ext.create('Ext.grid.Panel', {

[ p342 12행 ]
}]
, });
-->
}]
, renderTo: Ext.getBody()
});

[ p343 10행(쌍따옴표 오류) ]
data-qtip="{Description}' --> data-qtip="{Description}"

[ p407 17행 ]
fill: '#3B5323'; -> fill: '#3B5323'

2015.1.7 수정사항

p.407 17번째 줄

fill: '#3B5323'; -> fill: '#3B5323'