Ext JS 6 프로그래밍

01 개요 11
1.1 - Ext JS 소개 11
1.2 - 설치 및 환경설정 19
1.3 - 단독 프로젝트 생성 22
1.4 - 공동 프로젝트 생성 29
1.5 - 데스크탑 전용 프로젝트 생성 (Classic) 35
1.6 - 모바일 전용 프로젝트 생성 (Modern) 37
1.7 - 웹스톰 & Sencha JetBrains Plugin 38

02 클래스 43
2.1 - Hello Ext JS 43
2.2 - 디버깅 47
2.3 - 클래스 정의 53
2.4 - 상속 57
2.5 - Config 59
2.6 - 정적속성 62
2.7 - 싱글톤 65
2.8 - 사용자 이벤트 구현 66
2.9 - 파일의 분리 68
2.10 - 파일 경로에 대한 인식 70
2.11 - 컨테이너와 컴포넌트 73

03 Ext JS 동작의 기본 77
3.1 - 개요 77
3.2 - 위젯 77
3.3 - 위젯의 실시간 추가 80
3.4 - 쿼리 85
3.5 - 기본 이벤트 91
3.6 - 델리게이트 94
3.7 - 엘리먼트를 이용한 이벤트 확장 96

04 레이아웃 101
4.1 - 개요 101
4.2 - 절대좌표(Absolute) 102
4.3 - 맞춤(Fit) 105
4.4 - 앵커(Anchor) 107
4.5 - 컬럼(Column) 108
4.6 - 테이블(Table) 111
4.7 - 박스(Box) 116
4.8 - 보더(Border) 127
4.9 - 카드(Card) 129
4.10 - 아코디언(Accordion) 132

05 화면 134
5.1 - 개요 134
5.2 - 패널 134
5.3 - 폼 패널 137
5.4 - 탭패널 142
5.5 - 윈도우 144
5.6 - 대시보드 146

06 위젯 149
6.1 - 개요 149
6.2 - 버튼 150
6.3 - 사이클 (Cycle) 152
6.4 - 세그먼트버튼 (SegmentedButton) 154
6.5 - 분할버튼(SplitButton) 156
6.6 - 텍스트필드(TextField) 158
6.7 - 텍스트영역(TextArea) 161
6.8 - 숫자(Number) 163
6.9 - 날짜 (Date) 165
6.10 - 시간(Time) 167
6.11 - 파일(File) 168
6.12 - Html에디터(HtmlEditor) 172
6.13 - 스핀너(Spinner) 174
6.14 - 태그(Tag) 175
6.15 - 디스플레이(Display) 177
6.16 - 히든(Hidden) 179
6.17 - 체크박스(Checkbox) 179
6.18 - 라디오(Radio) 182
6.19 - 체크박스그룹, 라디오그룹 (CheckboxGroup & RadioGroup) 184
6.20 - 콤보박스(ComboBox) 189
6.21 - 슬라이더 (Slider) 191
6.22 - 프로그래스바(ProgressBar) 193
6.23 - 이미지( Img) 194
6.24 - 토스트 (Toast) 196
6.25 - 메시지 박스 (MessageBox) 197
6.26 - 메뉴(Menu) 201
6.27 - 툴바(Toolbar) 203

07 위젯 (그리드 & 트리) 207
7.1 - 개요 207
7.2 - 그리드 기본 208
7.3 - 컬럼(columns) 210
7.4 - 썸머리(Summary) 213
7.5 - 그룹핑(Grouping) 216
7.6 - GroupSummary 219
7.7 - RowBody 222
7.8 - 셀에디팅(CellEditing) 224
7.9 - 로우에디팅(RowEditing) 226
7.10 - 로우확장(RowExpander) 229
7.11 - 드래그앤드롭(DragAndDrop) 231
7.12 - 셀렉션(Selection) 235
7.13 - 스프레드시트 모델(SpreadsheetModel) 238
7.14 - 트리패널 (TreePanel) 240
7.15 - 트리패널 아이템 추가/삭제 244

08 위젯의 상속(확장) 248
8.1 - 상속기본 248
8.2 - 텍스트 확장 252
8.3 - 파일 확장 256
8.4 - 스크롤 그리드 260
8.5 - 오버라이드 263

09 서버연동 265
9.1 - 개요 및 환경설정 265
9.2 - 서버에서 작업하기 267
9.3 - 서버 데이터베이스 연동을 위한 준비 270
9.4 - Ajax Request 272
9.5 - Store Proxy 279
9.6 - 폼 서밋(Form Submit) 282
9.7 - 서버 장애에 대한 오류처리 285

10 데이터 288
10.1 - 데이터 패기지 기본( 스토어, 모델, 프록시) 288
10.3 - 모델 294
10.4 - 스토어 299
10.5 - 프록시 306
10.6 - 프록시 API 311

11 MVC 아키텍처 315
11.1 - 개요 315
11.2 - MVC 아키텍처의 기본 316
11.3 - MVC 아키텍처 with 데이터 323
11.4 - MVC 아키텍처 데이터 & 그리드 328
11.5 - MVC 데이터 & 페이지 그리드 337
11.6 - 라우팅 & URI Hash 350
11.7 - 콜백함수와 스코프 357

12 MVVM 아키텍처 365
12.1 - 개요 365
12.2 - 기본 구성 만들기 366
12.3 - 메뉴 만들기 369
12.4 - 레퍼런스(Reference)를 이용한 제어 375
12.5 - Form Submit 구현 379
12.6 - 바인드(Bind)를 이용한 구현 387
12.7 - Store를 이용한 데이터 처리 397
12.8 - 바인드 & 포뮬러 406

13 MVVM과 MVC 연동 409
13.1 - 개요 409
13.2 - 메뉴 연동 411
13.3 - MVVM 뷰간 연동 416
13.4 - 팝업윈도우 연동 423
13.5 - 화면생성과 데이터 로딩 433

14 그리드와 스토어 436
14.1 - 그리드 Tpl을 이용한 1:N관계 구현 436
14.2 - 버퍼드 그리드 테스팅 445
14.3 - 그리드 데이터 전체 전송 453
14.4 - 그리드 에디팅과 스토어 개별 갱신 462
14.5 - 에디팅과 스토어 일괄갱신 468
14.6 - 그리드 데이터 등록, 수정, 삭제 476

15 HTML페이지 478
15.1 - HTML 페이지 사용 478
15.2 - loader를 이용한 HTML 페이지 사용 482
15.3 - iFrame의 사용 484
15.4 - 자바스크립트 호출 486

16 차트 490
16.1 - 개요 490
16.2 - 바 차트 491
16.3 - 바 차트 (가로) 496
16.4 - 차트와 멀티데이터 500
16.5 - 라인 차트 503
16.6 - 스케터 차트 506
16.7 - 캔들 차트 510
16.8 - 파이 차트 513
16.9 - 차트의 중복 사용 516
16.10 - 그리드 차트 519

17장 테마 & 디자인 523
17.1 - 사용자 테마 523
17.2 - CSS 를 이용한 배포 (etc) 526
17.3 - CSS 를 이용한 배포 (src) 530

18 프로젝트 배포 533
18.1 - 개요 533
18.2 - 개발환경, 빌드, 배포 533