Part 01 웹 2.0을 선도할 Flex 2 ... 22 Lesson 01 웹 2.0 구현을 위한 Flex 2 ... 24 HTML의 한계를 극복한 Flex ... 24 페이지 뷰 통합으로 사용 편리 ... 24 획기적으로 업무 개선 ... 25 윈도우, 리눅스, 매킨토시에서도 실행 ... 26 실시간으로 변경된 데이터 확인 가능 ... 26 다양한 디바이스에서 동작 ... 26 Flex 도입 성공 사례 ... 27 Flex 도입으로 매출 증진 효과 ... 27 사용자 편의성 고려로 타 사이트와의 차별화 ... 28 유지 보수 비용 절감 ... 28 Lesson 02 Flex 2 인터페이스 살펴보기 ... 30 Flex 2 SDK ... 30 Chart ... 30 FDS ... 31 Flex Builder ... 31 (Design) 뷰와 (Source) 뷰의 분리 ... 32 태그 관리자 ... 32 스타일링과 CSS ... 33 Lesson 03 X-Internet과 웹 2.0의 결합 ... 34 차세대 웹의 혁명, X-Internet ... 34 웹 트렌드를 주도하는 웹 2.0 ... 35 차세대 어플리케이션, RIA ... 35 Flex의 뿌리, Flash ... 36 선의의 경쟁자, Ajax ... 36 Lesson 04 상상을 현실로 바꾼 Flex 사이트 ... 37 제품 맞춤형 서비스 ... 37 MINI USA 자동차 맞춤형 서비스 ... 37 Benjamin Moore Paints의 컬러 선택 서비스 ... 38 신속한 영화 예매, 예약 서비스 ... 38 CGV 영화 예매 사이트 ... 38 인터파크 영화 예매 사이트 ... 39 BROADMOOR 호텔 예약 서비스 ... 39 구매에서 결제까지, 더욱 편리해진 쇼핑몰 ... 40 CJmall eTV ... 40 위즈위드 쇼핑몰 ... 40 코발트샵 쇼핑몰 ... 41 실시간 데이터 로딩 사이트 ... 41 MBA 실시간 야구 중계 사이트 ... 41 NYSE 증권 거래소 사이트 ... 42 비주얼한 지리 정보 서비스 ... 42 윙버스 사이트 ... 42 구글 맵 ... 43 Lesson 05 Flex Builder 2 설치하기 ... 44 Stand-Alone 방식으로 설치하기 ... 44 Part 02 Flex Builder 사용을 위한 기본 다지기 ... 46 Lesson 01 Flex 용어와 사용법 익히기 ... 48 워크벤치(Workbench) ... 48 퍼스펙티브(Perspective) ... 49 에디터(Editors) ... 49 뷰(Views) ... 50 워크스페이스(Workspace) ... 50 프로젝트(Project) ... 50 Lesson 02 Flex의 구성 이해하기 ... 51 에디터(Editors) ... 51 네비게이터 뷰(Navigator View) ... 52 새 프로젝트 만들기 ... 52 프로젝트 불러 오기 ... 53 프로젝트 내보내기 ... 55 프로젝트 열기／닫기 ... 56 프로젝트 삭제하기 ... 57 아웃라인 뷰(Outline View) ... 58 디자인 아웃라인 보기 ... 58 코드 아웃라인 보기 ... 59 컴포넌트 뷰(Components View) ... 59 컴포넌트 사용 방법 ... 60 프러블럼 뷰(Problems View) ... 60 스테이트 뷰(States View) ... 61 스테이트 만들기 ... 61 프로페티 뷰(Properties View) ... 62 Standard View ... 62 Category View ... 63 Alphabetical View ... 63 Lesson 03 메뉴와 툴바 살펴보기 ... 64 (File) 메뉴 ... 64 (Edit) 메뉴 ... 65 (Source) 메뉴 ... 66 (Project) 메뉴 ... 66 (Run) 메뉴 ... 67 (Window) 메뉴 ... 67 (Help) 메뉴 ... 68 툴바 ... 68 Lesson 04 Flex 컴포넌트 속성 이해하기 ... 69 컨트롤 컴포넌트 ... 69 컨트롤 배치하기 ... 70 Button Control ... 71 버튼 이벤트 속성에 기능 부여하기 ... 74 CheckBox ... 75 ColorPicker ... 77 ComboBox ... 80 ComboBox 실전 적용 ... 84 DataGrid ... 86 DataGrid 실전 적용 ... 88 DateChooser ... 91 DateChooser 실전 적용 ... 93 DateField ... 95 HSlider ... 96 HorizontalList ... 99 Image ... 100 Label ... 101 LinkButton ... 102 List ... 103 NumericStepper ... 104 ProgressBar ... 105 RadioButton ... 107 RadioButtonGroup ... 108 RichTextEditor ... 110 SWFLoader ... 111 Text ... 112 Text 실전 적용 ... 112 TextArea ... 114 TextArea 실전 적용 ... 116 TextInput ... 118 TextInput 실전 적용 ... 122 TileList ... 124 Tree ... 125 VSlider ... 127 레이아웃 컨테이너 ... 127 ApplicationControlBar ... 127 Canvas ... 130 HBox／VBox ... 130 ControlBar ... 132 HDividedBox／VDividedBox ... 132 Form／FormHeading ... 132 Grid ... 133 Panel ... 135 Tile ... 136 HRule／VRule ... 136 Spacer ... 137 네비게이터 컨테이너 ... 137 ViewStack ... 137 TabNavigator ... 141 TabNavigator 실전 적용 ... 142 Accordion ... 146 실전 적용 예제 완성 ... 147 Part 03 Flex 고급 기능 익히기 ... 154 Lesson 01 Flex 어플리케이션에 스타일 적용하기 ... 156 스타일을 적용하는 세 가지 방법 ... 156 MXML 태그로 스타일 적용하기 ... 156 CSS 파일로 스타일 적용하기 ... 158 액션스크립트로 스타일 적용하기 ... 161 스타일의 핵심, CSS 집중 탐구 ... 161 Application ... 162 Panel ... 164 TabNavigator ... 169 Tab ... 174 Accordion ... 177 LinkBar ... 182 ApplicationControlBar ... 188 List ... 190 DataGrid ... 194 Tree ... 198 TextInput ... 203 NumericStepper ... 206 ComboBox ... 210 CheckBox ... 214 Sliders ... 216 Button ... 219 ButtonBar ... 222 ScrollBars ... 227 DateChooser ... 229 HRule ... 234 LinkButton ... 235 ProgressBar ... 237 Text ... 240 Lesson 02 다이내믹한 변화를 위한 Flex 이펙트 ... 243 플렉스 이펙트로 모션 만들기 ... 243 Effect Trigger 활용법 알아보기 ... 244 addedEffect ... 244 creationCompleteEffect ... 245 focusInEffect ... 246 focusOutEffect ... 246 hideEffect ... 247 mouseDownEffect ... 248 mouseUpEffect ... 248 removedEffect ... 249 resizeEffect ... 250 rollOutEffect ... 251 rollOverEffect ... 251 showEffect ... 252 간단한 코드 삽입으로 Effect 모션 만들기 ... 252 Blur ... 252 Dissolve ... 253 Fade ... 254 Iris ... 255 Move ... 256 Pause ... 257 Resize ... 258 Rotate ... 259 Wipe ... 260 Zoom ... 261 Lesson 03 Flex 어플리케이션 개발의 필수, 액션스크립트 ... 262 ActionScript 사용을 위한 기본 문법 익히기 ... 262 변수 선언 방법 ... 262 접근 제한자 사용 방법 ... 263 컨트롤 생성 방법 ... 263 컴포넌트 함수 호출 방법 ... 264 조건문을 사용하는 방법 ... 265 Part 04 실전 프로젝트 - 회원 관리 시스템 만들기 ... 266 Lesson 01 레이아웃과 Form 익히기 - 로그인 페이지 ... 268 새 프로젝트 만들기 ... 269 HBox와 VBox 쓰임에 맞게 선택하기 ... 270 Form 형태 만들기 ... 273 Lesson 02 Flex Form 마스터하기 - 회원 가입 페이지 ... 279 TextInput과 Button으로 페이지 만들기 ... 280 Lesson 03 테이블과 스테이트 완전정복 - 회원 검색 페이지 ... 289 DataGrid로 레이아웃 만들기 ... 290 States로 클릭 시 펼쳐지거나 숨겨지는 화면 만들기 ... 294 Part 05 실전 프로젝트 - 채팅 응용 어플리케이션 만들기 ... 298 Lesson 01 Flex의 핵심 테이블, DataGrid 이해하기 - 대화방 리스트 ... 300 새 파일에 백그라운드 이미지 넣기 ... 300 외부 이미지 버튼 만들기 ... 303 VBox와 HBox로 정렬된 레이아웃 그리기 ... 308 DataGrid 스타일 활용하기 ... 311 DataGrid 타이틀을 이미지로 만들기 ... 314 DataGrid 타이틀 구분선 교체하기 ... 319 테이블 디자인에 맞는 스크롤을 CSS로 바꾸기 ... 319 정렬된 Form 레이아웃 만들기 ... 321 대기실 사용자 목록 만들기 ... 328 Special : 실력을 업그레이드해 주는 Bonus ... 333 Part 06 실전 프로젝트 - 온라인 도우미 시스템 만들기 ... 334 Lesson 01 파격적인 레이아웃 시도하기 - 고객 질문 페이지 ... 336 형식이 자유로운 Canvas 구성하기 ... 337 텍스트 배열을 색다르게 하기 ... 340 CSS로 스타일 확 바꾸기 ... 342 CSS로 내가 원하는 글꼴 바꾸기 ... 344 마우스에 반응하는 모션이펙트 만들기 ... 348 Lesson 02 링크 페이지 만들기 - 고객 답변 페이지 ... 352 mxml Component로 링크 페이지 만들기 ... 352 이미지와 텍스트로 구성된 답변 페이지 만들기 ... 356 내가 원하는 형태로 스크롤 바꾸기 ... 362 화면 이동 모션 적용하기 ... 368 Special : 실력을 업그레이드해 주는 Bonus ... 371 Part 07 실전 프로젝트 - 웹 2.0 블로그 만들기 ... 372 Lesson 01 브라우저 크기에 맞게 블로그 레이아웃 만들기 ... 374 브라우저 크기에 따라 달라지는 레이아웃 만들기 ... 374 상단부에 로그인 만들기 ... 377 CSS를 만들어 Text와 TextInput 스타일 바꾸기 ... 381 Lesson 02 HDividedBox, VDividedBox로 영역 나누어 콘텐츠 채우기 ... 383 HDividedBox로 크기 조절이 가능한 레이아웃 나누기 ... 383 CSS를 활용하여 레이아웃 만들기 ... 385 VBox로 리스트 만들기 ... 390 Datechooser로 달력 만들기 ... 397 VDividedBox로 세로 영역 구분하기 ... 399 Tab 방식 분류별 리스트 만들기 ... 401 Flash 삽입하고 내용 글 만들기 ... 408 스크롤과 달력, 내 맘대로 디자인하기 ... 410 Lesson 03 CSS로 새로운 느낌의 블로그 만들기 ... 416 색과 모양을 바꿔 다른 스타일 만들기 ... 416 기존 디자인을 심플하게 바꾸기 ... 427 Lesson 04 Visible로 HTML 기반 사이트와 차별화하기 ... 439 클릭 한 번으로 콘텐츠 보여 주기 ... 439 Lesson 05 이펙트 모션으로 Flash 흉내내기 ... 446 마우스 클릭 시 튕기듯 이동하는 효과 주기 ... 446 마우스 오버 시 Glow가 생기는 효과 주기 ... 448 마우스 오버 시 글자가 커지는 효과 주기 ... 449 마우스 클릭 시 흐려지는 블러 효과 주기 ... 451 마우스 클릭 시 화려한 마스크 효과 주기 ... 453 Index ... 454