Part 01 웹 2.0을 선도할 Flex 2 ... 22 Lesson 01 느리고 단순한 HTML, 한계를 만나다 ... 24 기존 웹의 한계 ... 24 웹 환경의 특성과 한계 ... 25 웹의 새로운 패러다임과 발전 ... 26 Lesson 02 인터넷의 확장, X-Internet ... 27 X-Internet의 정의 ... 27 X-Internet의 이익 ... 28 X-Internet의 발전 단계 ... 30 Lesson 03 차세대 웹 어플리케이션 RIA ... 31 RIA(Rich Internet Application)의 정의 ... 31 Flash VS HTML ... 32 Specification RIA ... 34 RIA 적용 분야 ... 35 Lesson 04 Flex 2의 화려한 등장 ... 36 Flex 2와 웹 2.0 ... 36 Flex 2의 진출 분야 ... 38 Lesson 05 Flex 2로 제작된 사이트 ... 40 제품 맞춤형 서비스 ... 40 MINI USA 맞춤형 서비스 ... 40 Benjamin Moore Paints의 Color Viewer ... 40 빠른 예약 & 예매 서비스 ... 41 CGV 영화 예매 사이트 ... 41 인터파크 영화 예매 사이트 ... 41 BROADMOOR 호텔 예약 서비스 ... 41 구매에서 결제까지, 편리해진 쇼핑몰 ... 42 CJmall eTV ... 42 위즈위드 쇼핑몰 ... 42 코발트샵 쇼핑몰 ... 42 실시간 데이터 로딩 사이트 ... 43 MBA 실시간 야구 중계 사이트 ... 43 NYSE 증권 거래소 사이트 ... 43 비주얼한 지리 정보 서비스 ... 43 윙버스 사이트 ... 43 구글 맵 사이트 ... 43 Lesson 06 Flex 2 사용 환경 설정 및 설치 ... 44 환경 설정(Windows 서버 기준／JDK 1.5.X／Tomcat 5.5.X) ... 44 JDK(J2SE 5.0) 설치하기 ... 45 Apache Tomcat(5.5.x) 설치하기 ... 46 Flex 2 SDK 설치 ... 49 Flex 2 SDK 설치 시작하기 ... 49 Flex Builder 2 설치 ... 52 Stand-Alone 방식으로 Flex Builder 2 설치하기 ... 52 Eclipse Plug-In 방식으로 Flex Builder 2 설치하기 ... 54 Flex Data Services 2 설치하기(J2EE 엔진 : Tomcat 5.5 기준) ... 56 Flex Data Services 2 설치하기(J2EE 설치 방식) ... 57 Flex Charting 2 설치하기 ... 59 Lesson 07 Flex 2 살펴보기 ... 61 Flex의 2의 구성 요소 ... 61 Flex 2 SDK(Software Development Kit) ... 62 Flex Builder 2 ... 63 Flex Data Services 2 ... 63 Flex Charting 2 ... 64 Flex 2가 가진 유용성 ... 64 Part 02 새로운 프로그래밍 모델을 대표하는 액션스크립트 3.0 ... 66 Lesson 01 액션스크립트 3.0 소개 ... 68 액션스크립트 2.0과의 차이점 ... 68 액션스크립트 3.0의 특징 및 장점 ... 70 언어적 특징 ... 70 Flash Player API features ... 72 이전 버전과의 호환성 ... 74 Lesson 02 객체 지향 프로그래밍 언어 액션스크립트 3.0 ... 75 클래스 살펴보기 ... 75 클래스 정의 ... 75 패키지 살펴보기 ... 77 패키지 생성 ... 79 패키지 임포트 ... 80 네임스페이스 살펴보기 ... 83 네임스페이스 정의 ... 85 네임스페이스 적용 ... 86 네임스페이스 참조 ... 87 네임스페이스 사용 ... 88 Lesson 03 액션스크립트 3.0 기본 구문의 이해 ... 91 객체와 클래스 ... 91 변수 살펴보기 ... 92 변수 종류 및 범위 ... 95 글로벌 변수와 로컬 변수 ... 95 호이스팅(Hoisting)과 블록 레벨 범위(Block Level Scope) ... 96 변수 기본값 ... 98 데이터 타입 ... 99 데이터 타입의 종류 ... 100 데이터 형 변환 ... 103 암시적 형 변환 ... 104 명시적 형 변환 ... 105 액션스크립트 3.0 기본 구문(Syntax) ... 111 주석 ... 111 소괄호 ... 112 대소문자 구분 ... 113 세미콜론 ... 113 리터럴 ... 113 '.'(Dot) 구문 ... 114 키워드 및 예약어 ... 115 상수 살펴보기 ... 116 연산자 살펴보기 ... 118 연산자의 종류 ... 118 연산자 우선 순위 ... 119 Lesson 04 타입 체킹에 대해 살펴보기 ... 124 컴파일 타임 타입 체킹 ... 124 런 타임 타입 체킹 ... 126 Lesson 05 액션스크립트 3.0을 이용한 HelloWorld 만들어 보기 ... 128 액션스크립트 코드를 구성할 때의 옵션 ... 128 플래시 타임라인의 프레임에 코드 저장하기 ... 129 외부 액션스크립트 파일로 코드 저장하기 ... 130 기본 어플리케이션 생성하기 ... 130 액션스크립트 어플리케이션 설계 ... 131 HelloWorld 프로젝트 생성 및 Greeter 클래스 생성 ... 131 Greeter 클래스에 코드 추가하기 ... 133 액션스크립트 코드를 이용한 Flex 어플리케이션 생성하기 ... 134 액션스크립트 어플리케이션 퍼블리싱하기 ... 135 액션스크립트 어플리케이션 테스트하기 ... 136 Part 03 Flex 2 기본 프로그래밍 확실히 다지기 ... 140 Lesson 01 Layout Containers란? ... 142 Panel, Title Window ... 142 ControlBar ... 143 HRule, VRule ... 144 Canvas ... 145 HBox, VBox ... 146 HDividedBox, VDividedBox ... 147 Grid ... 147 Tile ... 149 Form ... 151 Lesson 02 Navigator Containers란? ... 152 TabNavigator ... 152 Accordion ... 153 ViewStack ... 155 ButtonBar, LinkBar, TabBar, ToggleButtonBar ... 156 Lesson 03 Collection이란? ... 158 IList, ICollectionView ... 158 ArrayCollection, IList ... 159 ICollectionView, IViewCursor ... 163 Lesson 04 Data Provider란? ... 172 Data Provider ... 172 데이터 프로바이더 타입 ... 173 데이터 프로바이더와 UID 속성 ... 174 MXML application에서 Data Provider의 사용 ... 178 raw data object 사용 ... 179 컬렉션 객체 직접 사용 ... 179 간단한 Data Provider 사용하기 ... 181 계층형 데이터 프로바이더 사용 ... 183 Data descriptor와 계층형 데이터 프로바이더 구조 ... 183 〈mx:Model〉 태그 사용 ... 185 custom data descriptor 생성 ... 188 XML 데이터 프로바이더 사용 ... 194 XMLListCollection 클래스 사용 ... 196 RPC 데이터 소스 사용 ... 199 dataservice 컴포넌트 사용 ... 200 Lesson 05 Event의 이해 및 처리 방법 ... 201 이벤트의 사용 ... 201 이벤트 객체 명시 ... 204 target 속성 접근 ... 205 수동으로 이벤트 시작 ... 205 이벤트 서브클래스의 사용 ... 207 키보드 이벤트 처리 ... 209 keyCode와 charCode 속성의 이해 ... 209 이벤트 리스너 ... 211 이벤트 리스너 인라인 정의 ... 211 addEventListener() 메소드 사용 ... 211 이벤트 리스너 인라인 정의 ... 212 addEventListener() 메소드 사용 ... 213 이벤트 리스너 클래스 생성 ... 216 Part 04 Flex 2 컨트롤 프로그래밍 익히기 ... 218 Lesson 01 기본 프로그래밍을 위해 꼭 알아야 할 컨트롤 ... 220 Label ... 220 TextBox ... 221 TextInput ... 221 TextArea ... 222 Button ... 223 RichTextEditor ... 227 CheckBox, RadioButton, RadioButtonGroup ... 227 LinkButton, PopupButton, PopupMenuButton ... 236 Image ... 242 HSlider, VSlider ... 243 ColorPicker ... 246 SwfLoader, VideoDisplay ... 247 ProgressBar ... 248 NumericStepper ... 249 DateChooser, DateField ... 252 Lesson 02 데이터 기반 컨트롤을 이용한 프로그래밍 ... 253 ComboBox, List ... 253 HorizontalList ... 258 DataGrid ... 262 Tree ... 267 Lesson 03 드래그 앤 드롭을 이용한 프로그래밍 ... 271 List를 이용한 드래그 앤 드롭 ... 271 DataGrid를 이용한 드래그앤드롭 ... 275 Tree를 이용한 드래그 앤 드롭 ... 278 HorizontalList를 이용하여 드래그 앤 드롭 응용하기 ... 282 Part 05 Flex 2 고급 프로그래밍 정복하기 ... 290 Lesson 01 Flex Data Service 2의 이해 ... 292 RPC 서비스 ... 292 RPC 서비스 정의 ... 294 HTTPService ... 298 XML 데이터를 리턴하는 JSP와의 연동 예제 Flex 어플리케이션 작성 ... 307 WebService ... 312 RemoteObject ... 316 데이터 서비스 ... 329 메시지 서비스 ... 329 데이터 매니지먼트 서비스 ... 334 Lesson 02 Flex Chart 컴포넌트 활용 ... 339 Flex Chart 기본 이해 ... 339 Flex Chart 종류 및 연동 방법 ... 340 정적 배열을 통한 연결 방법 ... 342 컬렉션을 통한 연결 방법 ... 342 XML을 통한 연결 방법 ... 343 Flex Chart 컴포넌트 ... 344 AREA 차트 ... 344 BAR 차트 ... 347 BUBBLE 차트 ... 349 CANDLESTICK 차트 ... 351 COLUMN 차트 ... 353 HighLowOpenClose 차트 ... 355 LINE 차트 ... 358 PIE 차트 ... 361 Special : PIE 차트 2배 활용하기 ... 363 도넛 차트 만들기 ... 363 차트를 분리하기 ... 364 PLOT 차트 ... 365 Flex Chart 활용하기 ... 367 멀티 차트 만들기 ... 367 차트 이펙트 활용하기 ... 371 차트 이벤트 활용하기 ... 373 차트의 응용 ... 378 Lesson 03 Ajax와 Spry 프레임워크 활용 ... 379 Ajax와 Spry란? ... 379 Ajax 소개 ... 379 Spry 소개 ... 380 Spry 데이터 셋 활용하기 ... 381 Spry 데이터 셋 ... 381 Spry에서 동적 영역 핸들링하기 ... 384 Spry에서 하나 이상의 XML 파일 핸들링하기 ... 388 Spry를 이용하여 포토 앨범 만들기 ... 390 Lesson 04 Flex-Ajax Bridge 활용 ... 393 Flex-Ajax Bridge 소개 및 설치하기 ... 393 Flex-Ajax Bridge란? ... 393 FABridge 설치하기 ... 394 FABridge 설정하기 ... 395 어플리케이션 사용 방법 ... 396 Flex-Ajax Bridge를 이용한 어플리케이션 만들기 ... 397 SWF Flex 어플리케이션 만들기 ... 397 Part 06 Flex 2 실전 프로젝트 만들기 ... 404 Lesson 01 채팅 프로그램 만들기 ... 406 채팅 프로젝트 실행 화면 ... 406 채팅 프로젝트 설계 ... 409 채팅 프로젝트 수행 ... 411 Special : 프로그램 강화를 위한 Bonus ... 445 Lesson 02 메신저 프로그램 만들기 ... 446 메신저 프로젝트 개요 ... 446 메신저 프로젝트 실행 화면 ... 446 메신저 프로젝트 설계 ... 448 XML 설계 ... 449 데이터의 전송 ... 449 메신저 프로젝트 수행 ... 449 Special : 프로그램 강화를 위한 Bonus ... 469 Lesson 03 고객 학습 프로그램 만들기 ... 470 고객 학습 프로그램 개요 ... 470 고객 학습 프로그램 실행 화면 ... 470 고객 학습 프로그램 설계 ... 471 문제 출제를 위한 XML 설계 ... 472 고객 학습 프