목차 일부
Part 01 웹 2.0을 선도할 Flex 2 ... 22
Lesson 01 웹 2.0 구현을 위한 Flex 2 ... 24
HTML의 한계를 극복한 Flex ... 24
페이지 뷰 통합으로 사용 편리 ... 24
획기적으로 업무 개선 ... 25
윈도우, 리눅스, 매킨토시에서도 실행 ... 26
...
더보기
목차 전체
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
더보기 닫기