도서특징

성능과 UX가 강화되어 새로이 출시된 플렉스 3에 대한 내용 보강! 데스크탑 RIA 애플리케이션을 만들 수 있는 Adobe AIR에 관한 특별 부록 수록! 플렉스를 시작하는 학생과 초중급 플렉스 개발자들이 선택한 최고의 플렉스 베스트셀러가 2008년 개정판으로 다시 태어났다. 새 로 나온 플렉스 3는 성능과 개발 생산성, UX 향상을 위한 협업에 초점을 둔 버전으로 플렉스 2보다 한 단계 ‘진화된 개발 플랫폼’이라 볼 수 있다. 개정판에서는 플렉스 2에서 3로 바뀐 내용을 전반적으로 반영했다. 또한 디자이너와 개발자 협업 방법, 플렉스 성능과 개발생산성 향상, 플렉스 실전 프로젝트와 UX 가이드 등 저자가 플렉스 컨설팅을 하면서 겪었던 기술 경험을 4부, 5부의 아키텍처 가이드로 담았다. 아울러 데스크탑 버전의 RIA 애플리케이션을 만들 수 있어 큰 각광을 받고 있는 어도비 에어(Adobe AIR)에 대한 내용도 부록으로 추가했으며 에어 기술의 응용방안과 윈도우 애플리케이션 연동에 관한 노하우도 함께 수록했다. [추천의 글] “플렉스는 차세대 웹 개발의 현장에서 우위를 선점하려면 반드시 익혀야 할 기술이다.” 허광남 / okjsp 운영자 “이 책의 장점은 기본 예제를 통해서 플렉스와 플렉스 빌더의 세세한 기능을 설명하고 플렉스 기본에 충실하고 있다는 점이다.” 김태완 / 프로자바 운영자 “어도비에서 제공하는 문서를 최대한 압축하고 자신의 실전 경험을 통해 얻은 노하우까지 접목시켜서 독자들이 이해하기 쉽도록 설명했다.” 최성훈 / 네이버 플렉스컴포넌트 카페 운영자 “RIA와 플렉스에 관심이 많지만 어떻게 접근해야 할지 망설였던 분들에게 이 책이 환한 등대와 같은 역할을 하리라 믿는다.” 이창신 / 아파치 커미터 “플렉스는 사용자의 편리성을 최대로 고려한 기술이며, 또 하나의 변화를 이끌어 갈 서비스 지향적 기술이라 생각한다.” 채재영 / 플생사모 운영자 “초보 개발자나 실무자들에게 플렉스 2의 장점과 앞으로의 방향을 알려주고 실무 응용력을 높여주는 길잡이로 호평을 받을 책이다.” 김정헌 / flaLab.com 운영자 [이 책의 구성] 플 렉스 실전 프로젝트에서는 UI 기획, 컴포넌트 활용, 액션스크립트, 데이터 연동, 프레임워크 등의 지식들이 필요하다. 이 책은 플렉스 개발 IDE인 플렉스 빌더를 중심으로 플렉스 실전 프로젝트에서 사용되는 관련 지식들을 단계적으로 설명해줌으로써 플렉스 애플리케이션을 매우 쉽게 개발할 수 있는 방법을 배울 수 있도록 구성되어 있다. 1부는 플렉스를 배우기 위한 준비 코스로 플렉스가 나오게 된 기술적 배경과 플렉스를 어떻게 개발하는지를 미리 맛보는 과정이다. 1 장. RIA의 표준, 플렉스에서는 플렉스의 탄생배경과 버전 별 변화과정을 살펴보고 플렉스가 가지는 장점들을 살펴봄으로써 플렉스 기술에 대한 전반적인 이해를 돕고자 한다. 또한 플렉스의 작동원리와 역사, 플렉스 3 버전의 특징, 구성, 버전 3에서 달라진 점 등을 소개하도록 하겠다. 2장. 플렉스 개발 맛보기에서는 플렉스 빌더를 설치하고 개발환경을 세팅한 다음 ‘Hello 플렉스!’를 출력하는 첫 플렉스 애플리케이션을 직접 만들어 보고 플렉스개발의 첫 발을 내딛자. 2부에서는 플렉스 기초 코스로 개발툴인 플렉스 빌더와 플렉스 문법 등 코딩 기본기를 비롯하여 플렉스의 화면을 구성하는 방법, 플렉스 컴포넌트의 사용법과 이들을 컨트롤하기 위한 액션스크립트 등을 배울 수 있다. 3 장. 플렉스 빌더: 플렉스를 위한 최적의 개발툴에서는 이클립스와 플렉스 빌더에 대한 기본적인 사항을 살펴보고 플렉스 빌더를 이용해 플렉스 개발 환경을 구축하고 플렉스 빌더의 다양한 기능을 활용하여 더욱 빠르고 쉽게 플렉스를 개발하는 방법을 살펴본다. 특히 플렉스 빌더 3에서 달라진 뷰와 속성창을 기준으로 사용법을 재구성했다. 4장. MXML을 이용한 플렉스 컴포넌트 사용에서는 플렉스를 사용하기 위한 가장 기본적인 방법인 MXML태그의 사용방법과 플렉스에 있는 주요 컴포넌트의 사용법을 익힌다. 5장. 액션스크립트 3.0에서는 액션스크립트 3.0의 문법적 특징과 액션스크립트 클래스, 이벤트 처리 방법 등을 살펴본다. 3부에서는 플렉스 핵심 코스로 RIA를 제작하기 위한 플렉스 스타일, 데이터베이스의 데이터를 보여주는 방법과 플렉스 데이터 서비스를 배울 수 있다. 6장. RIA를 위한 플렉스 스타일에서는 RIA답게 구현할 수 있도록 하는 RIA화면 구성 가이드 그리고 플렉스의 모양을 지정하는 스타일, 플렉스의 다양한 적용사례를 살펴 본다. 7 장. 플렉스 데이터 연동에서는 플렉스가 기본적으로 제공하는 세 가지의 데이터 연동 방법(HTTP Service, RemoteObject, WebService)과 라이브사이클 데이터 서비스 2.5(구. 플렉스 데이터 서비스)의 메시지 서비스와 데이터 매니지먼트 서비스를 단계별 예제와 함께 살펴본다. 4부는 플렉스 응용 코스로 플렉스 커스텀 컴포넌트를 만드는 방법과 플렉스 애플리케이션의 성능과 개발생산성 향상을 위한 테크닉과 아키텍처적인 고려사항들을 살펴본다. 8장. 플렉스 커스텀 컴포넌트에서는 플렉스의 컴포넌트의 기능을 확장하여 정의하는 방법과 플렉스의 컴포넌트의 스타일을 바꾸는 다양한 방법들을 살펴본다. 9 장. 플렉스 성능과 개발생산성 향상은 개정판에서 새롭게 추가된 내용으로서 플렉스 3에서 크게 보강된 플렉스의 성능과 개발생산성 향상이라는 주제를 다뤘다. 9.1절. ‘성능 향상 가이드’에서는 플렉스의 성능 향상을 위한 고려사항과 성능향상 테크닉을 살펴보고 ModuleLoader에 대한 사용법을 살펴본다. 또한 플렉스 빌더 3에 추가된 메모리와 성능 프로파일러의 사용법을 다룬다. 9.2절. ‘개발생산성 향상가이드’에서는 개발생산성 향상을 위한 개발환경 구축 가이드와 플렉스 빌더에서 지원하는 코드 자동생성 기능을 살펴본다. 9.3절. ‘플렉스 개발자를 위한 시스템 아키텍처 가이드’에서는 RSL을 비롯한 플렉스의 애플리케이션을 더욱 최적화해서 배포하기 위한 각종 테크닉들을 다룬다. 5부는 플렉스 실전 코스로 실제 프로젝트를 수행할 때 고려할 사항과 플렉스의 궁극적인 목적인 UX 향상을 위한 개발자와 디자이너 협업 가이드, 플렉스와 외부 시스템 연동방법, 플렉스 프레임웍에 대해 살펴본다. 그리고 플렉스 프로젝트에 많이 사용되는 다양한 예제와 에러 메시지, FAQ도 함께 정리했다. 10 장. 플렉스 실전 프로젝트와 UX 가이드도 개정판에서 크게 보강된 내용으로서, 플렉스 실전 프로젝트를 도입하는 데 있어서 필요한 실전 내용과 UX 향상을 위한 협업 가이드와 스킬셋을 다룬다. 10.1절. ‘플렉스 프로젝트 도입가이드’는 플렉스를 처음 시작하는 사람들이 가장 많이 물어보는 플렉스 프로젝트의 유형과 플렉스 UX의 요소를 다룬다. 10.2절. ‘플렉스 UX 가이드’는 플렉스 UX 향상을 위한 디자이너와 개발자의 협업 방법을 다룬다. 또한 플렉스 빌더의 CSS 에디터와 런타임 CSS, 플래시 무비클립을 플렉스 컴포넌트로 만들어주는 Flex Component Kit 등 다양한 실전 내용을 다룬다. 11장. 플렉스 실전 프로젝트 팁은 초판의 내용에 프레임웍 아키텍처 내용을 보강했다. 11.1절. ‘프레임웍 아키텍처’는 플렉스 프레임웍 아키텍처와 외부 인터페이스 연동방법을 다룬다. 11.2절. ‘캔곰 프레임웍’은 캔곰 프레임웍 최신버전으로서 플렉스에서 사용하는 방법을 다루었다. 11.3절. ‘플렉스 실전에 도움이 되는 예제’는 초판 내용에 몇 가지 예제를 새로이 추가했다. 특히 런타임시 영어, 한국어, 아랍어로 바꿔서 보여주는 다국어 처리를 위한 예제와, ExterenalInterface를 이용해 플렉스간 혹은 플렉스와 HTML과 통신하는 예제를 넣었다. 다차원의 데이터를 가져와 플렉스에서 각 차원별로 그루핑해 소계, 합계와 함께 데이터를 보여주는 OLAPGrid의 예제도 추가했다. 플렉스 챔피언 이정웅님의 도움을 받아 개정판에서 새롭게 추가한 부록 어도비 에어 개발 가이드는 에어 SDK를 비롯해 패키징, 배포, 에어 API 등 플렉스 개발자가 에어를 개발하는 데 있어서 꼭 알아야하는 기본적인 사항을 다뤘다. 또한 에어 1.0의 제약사항 중 하나인 윈도우 애플리케이션과 연동하는 아이디어를 실제로 구현해 에어에서 엑셀로 바로 화면을 출력하거나 계산기, 메모장 등을 실행하는 예제를 넣었다. [이 책의 대상] 웹 개발을 해본 사람이라면 누구나 이 책의 독자가 될 수 있다. 플렉스라는 스크립트 언어를 이용하여 플래시처럼 인터랙티브하고 역동적인 유저 인터페이스를 만들고자 하는 개발자들에게 필요한 여러 기술들을 배울 수 있다. 특히 다음과 같은 사람들에게 많은 도움이 될 것이다. ■ 일반 웹 개발자(ASP, PHP, JSP 등) ■ 플렉스를 배우려는 학생 ■ 자바 개발자 ■ 플래시 개발자 (액션스크립터) ■ 플래시 웹 디자이너, 웹 기획자 [플렉스 3 개정판을 펴내며] 2010 년이 되면 신규 애플리케이션 개발 프로젝트 중 적어도 60%가 RIA 기술을 채택할 것이라고 글로벌 리서치 회사인 가트너의 리포트는 전망했다. 하지만 그 예측은 작년에 빗나갔다. 2007년 3월 포레스터리서치에서 발표한 자료에 따르면 RIA를 도입했거나 향후 1년 안에 도입할 계획이 있는 회사가 86%에 이를 정도로 RIA의 열풍은 이미 뜨겁다. 최근 들어 X인터넷과 RIA가 혼용되면서 많은 사람들이 혼돈스러워 하고 있다. RIA는 X인터넷이기도 하면서 X인터넷이 주지 못하는 멀티미디어 처리 기술을 같이 제공한다는 점에서 더욱 포괄적인 기술이다. 2005 년 초 플래시 화면을 XML 태그로 만들어 낼 수 있다는 것이 마냥 신기하고 재밌기도 해서 관심을 가진 것이 인연이 되어 2005년 말 처음으로 플렉스 기획안을 어느 출판사에 보냈다가 퇴짜를 맞은 기억이 난다. 그 당시에는 플렉스가 지금 처럼 많은 개발자들의 관심을 한 몸에 받을 것이라고는 아무도 상상하지 못했다. 2006년 『예제로 배우는 Adobe 플렉스 2』에 이어 2008년 개정판을 펴내게 된 현재에 이르러서 플렉스는 임원용 대시보드부터 포털사이트, 인터넷 뱅킹, 기업 인트라넷 등에 이르기까지 UX 개선을 위한 모든 프로젝트에 널리 쓰이고 있다. 플렉스는 플래시에서 비롯된 기술이었지만 버전이 올라가면서 UI 전문 개발 플랫폼으로 자리잡아 가고 있다. 플렉스 1.5에서 2로의 변화는 개발 플랫폼의 변화였다. 플렉스 빌더가 자바개발자들이 가장 많이 쓰는 이클립스를 기반으로 바뀌었고 스크립트 언어였던 액션스크립트 2.0이 3으로 업그레이드되면서 객체지향언어의 면모를 갖추었다. 그리고 ‘Moxie’라는 코드명으로 여러 차례 베타를 거친 후 1년 반 만에 플렉스 3가 나왔다. 플렉스 2를 배웠는데 또 새로 문법을 배워야 하는 건지 고민할 필요는 없다. 플렉스 2나 플렉스 3의 문법은 액션스크립트 3.0으로 동일하다. 따라서 물론 큰 변화가 없는 건 사실이지만, 들여다볼수록 새삼 공부해야 할 것이 많다는 것을 느낀다. 플렉스 3으로의 변화를 한 마디로 요약하면 ‘플랫폼 진화’라는 말이 가장 어울릴 것 같다. 진화라는 말에는 기존 기반(액션스크립트 3.0)을 토대로 장점은 더욱 살렸다는 의미를 함축하고 있다. 플렉스 3는 플렉스의 성능과 생산성, 협업에 초점을 두었다. 『(개정판) 예제로 배우는 Adobe 플렉스: UX와 성능이 향상된 RIA 제작의 첫걸음 플렉스 3 & 어도비 에어』에서는 플렉스의 변화를 일일이 담기보다는 플렉스를 공부하거나 프로젝트를 진행하는 독자들이 꼭 알아야할 내용들을 중심으로 추가했다. 책 전반부는 플렉스 2에서 3로 바뀐 내용을 반영했고 그간 플렉스 컨설팅을 하면서 겪었던 기술 경험도 덧붙였다. 또한 후반부에는 플렉스 성능과 개발생산성 향상, 플렉스 실전 프로젝트와 UX 가이드 장을 새로이 추가했다. 아울러 데스크탑 버전의 RIA 애플리케이션을 만들 수 있어 큰 각광을 받고 있는 어도비 에어에 대한 내용을 부록으로 추가했다. 어도비 에어는 국내에서 처음 책에 담겨 나오는 것인지라 관련 내용을 기다린 독자들에게 단비가 되어줄 것이라 믿는다. 이제 플렉스 빌더는 학생들과 교육용 관계자들은 무료로 쓸 수가 있다. 이 책이 플렉스를 공부하는 학생과 현업에서 플렉스로 개발하는 수많은 개발자에게 작으나마 도움이 되기를 진심으로 바란다. 2008년 4월 8일 옥상훈 [감수의 글] 퀴 즈를 하나 내보겠다. SI 프로젝트에서 초기에 가장 천대 받으며 막바지에는 공수가 가장 많이 들어가는 것이 뭘까? 이것은 첫 인상 하나로 갑의 마음을 단번에 사로 잡거나 싸늘하게 얼게 만들어버릴 수도 있으며, 유지 보수할 때는 품이 많이 들어가서 난감한 상황을 조장한다. 짐작이 가는가? 정답은 바로 뷰(View)이다. 뷰는 화면을 제어하는 역할만 담당하는 것이 바람직하지만, 대부분 프로젝트에서는 이 뷰로 인해 아키텍처가 변경되는 경우도 종종 발생한다. 조금 더 화려한 UI를 제공하기 위하여 X인터넷 제품을 사용할 경우에 이런 현상의 비율은 급증하게 된다. 이런 의미에서 플렉스의 위력은 정말 대단하다. 플렉스는 뷰만을 전담하고, 표준 통신 방식을 완벽하게 지원한다. 또한 플랫폼 호환성과 브라우저 호환성을 보장한다. 이러한 특징과 함께 플렉스의 컴포넌트 관리 방식과 생산성을 고려해 보면 조만간 웹 2.0 시대의 주요 구현기술로 급부상할 것이라고 생각한다. 플렉스 기술이 나온 것은 사용자의 필요에 의해서였다. 플래시 액션스크립트의 단순 노가다성 작업을 개선해서 애니메이션 효과들을 쉽게 컨트롤할 수 있는 컴포넌트 기반으로 업그레이드한 것이 플렉스이다. 플렉스는 플래시와 많이 다르다. 대표적인 차이점을 꼽자면, 타임라인과 그리기 도구들이 없다. 하지만 웹에서 보여지는 산출물은 swf 파일로서 근본이 플래시인지라 플래시플레이어 위에서 플레이된다. 때문에 플래시에 대한 지식은 플렉스 개발에 많은 도움이 될 것이다. 포토샵과 드림위버의 차이 정도가 플래시와 플렉스의 차이 정도랄까. 최근 플렉스와 ajax는 최신 웹 기술 중에서 가장 많은 스포트라이트를 받고 있다. 개인적으로 농담 반 진담 반으로 플렉스는 부자를 위한 기술이고, ajax는 평범한 웹 개발자를 위한 기술이라고 얘기하곤 한다. ajax가 통념적인 웹 기술의 한계를 넘어서서 기발한 화면 동작으로 세간의 이목을 끌었다면, 플렉스는 완전하게 갖춘 세트 위에서 우아하게 움직이는 세련미로 눈길을 끈다. 비슷한 시기에 경쟁적으로 등장한 이 두 기술이 대결할 것인지, 협력할 것인지, 아니면 서로 완전히 다른 길을 갈 것인지는 예측하기 힘들다. 하지만 플렉스는 차세대 웹 개발의 현장에서 우위를 선점하려면 반드시 익혀야 할 기술이라고 단언할 수는 있다. 하지만 기술이 대중적인 인기를 얻고 발전하기 위해서는 입문서부터 고급 활용서까지 다양한 레퍼런스가 필요하다. 국내에는 아직 플렉스를 주제로 한 책이 없는 상황에서 『예제로 배우는 Adobe 플렉스 2』의 발간 소식은 너무나 반가운 소식이었다. 예제를 통해 플렉스의 기본 기능을 습득할 수 있는 형식은 기술을 처음 보급하는 차원에서 가장 적합한 형태라고 생각한다. 이 책의 장점은 기본 예제를 통해서 플렉스와 플렉스 빌더의 세세한 기능을 설명하고 플렉스 기본에 충실하고 있다는 점이다. 어도비 코리아에서 플렉스 컨설턴트로 활동하고 있는 저자는 자신의 많은 고민과 현장 경험에서 우러나온 내용을 바탕으로 단지 코드 하나 더 소개하는 얕은 수준이 아니라 플렉스로 뭔가를 보여주고자 하는 넓은 시각에서 책을 집필했다. 기술적인 욕심을 버리고 기본 예제 중심의 기술서를 만드는 과정은 매우 지루하고 고된 작업이었을 것이다. 이 작업을 끝까지 마무리한 저자의 용기와 노력에 박수를 보내고 싶다. 부디 『예제로 배우는 Adobeㅤㅈㅣㄼ 플렉스 2』가 미래 고급 플렉스 개발자들의 시작점이 되었으면 하는 바람이다. 플렉스를 배워보고 싶다고 말하는 주위 개발자들에게 이제는 할말이 생긴 것 같다. 이 책과 함께 플렉스의 세계에 흠뻑 빠져들기를 바란다. [부록 CD 소개] 부 록 CD에는 플렉스 개발 환경 구축을 위한 플렉스 빌더 3와 라이브사이클 데이터 서비스 2.5 설치파일과 본문에서 사용된 예제를 장별로 폴더를 만들어 저장해두었다. 그리고 에어와 윈도우애플리케이션 연동 예제 소스 코드와 실행파일을 수록했다. 또한 플렉스 개발환경 구성을 위한 설치가이드 파일과 이 책에서 사용한 예제 설치를 위한 가이드 파일을 만들어 독자의 이해와 편의를 돕는다. - 플렉스빌더 3 설치 파일 - 라이브사이클 데이터 서비스 2.5 설치 파일 - AIR 런타임 - 어도비 에어와 윈도우 애플리케이션 연동 예제 - 이 책에 나오는 모든 예제 소스코드

저자소개

옥상훈 (OkGosu.Net) 1997 년에 한양대 생물학과를 졸업하고 자바개발자로 IT 무림에 입문한 10년 차 IT 맨으로, 한국 자바개발자 협의회(JCO, JavaCommunity.Org)의 회장을 역임했으며 월간 마이크로소프트웨어에 오랫동안 자바와 플렉스 관련 글을 꾸준히 기고해왔다. 이미 플래시 MX와 플렉스 버전 1부터 관심을 갖고 공부를 하기 시작했으며, 2005년도부터 플렉스 커뮤니티에서 ‘고수’라는 닉네임을 쓰고 활동하면서 현재는 okgosu.net이라는 플렉스 관련 블로그를 운영하고 있다. 현재 한국 어도비 시스템즈에서 플렉스 컨설팅 업무를 담당하고 있다.

부록

도서목차

제1부 플렉스 준비 코스 39 1장 RIA의 표준, 플렉스 41 1.1 리치 인터넷 애플리케이션의 등장 42 1.2 플렉스의 탄생 45 1.2.1 플렉스란? 45 1.2.2 플렉스와 플래시 46 1.3 플렉스의 역사 51 1.3.1 플렉스 1 51 1.3.2 플렉스 1.5 52 1.4 웹의 역사를 다시 쓴 플렉스 53 1.4.1 플렉스 2 53 1.4.2 플렉스 3 57 1.4.3 웹 2.0을 위한 플렉스 60 1.5 요약 65 2장 플렉스 개발 맛보기 67 2.1 플렉스 개발환경 구축 68 2.1.1 플렉스 개발환경 구축시 체크할 사항 68 2.1.2 실습을 위한 환경설정 70 2.1.3 플렉스 빌더 설치 72 2.1.4 라이프사이클 데이터 서비스 2 설치 77 2.1.5 기존 WAS에 라이프사이클 데이터 서비스 설치하기 81 2.1.6 플렉스 SDK 설치 83 2.1.7 플렉스 SDK 사용법 84 2.1.8 플렉스 데이터 비주얼라이제이션 88 2.2 Hello Flex! 90 2.2.1 플렉스 프로젝트 생성 90 2.2.2 화면 구성 94 2.2.3 HelloFlex 실행 98 2.3 요약 100 제2부 플렉스 기초 코스 103 3장 플렉스 빌더: 플렉스를 위한 최적의 개발툴 105 3.1 플렉스 빌더 인터페이스 구성 106 3.1.1 워크벤치 107 3.1.2 퍼스펙티브 108 3.1.3 뷰 110 3.1.4 에디터 113 3.2 플렉스 빌더를 이용한 개발 118 3.2.1 Flex Development 퍼스펙티브 119 3.2.2 네비게이터 뷰를 이용한 파일과 프로젝트 관리 120 3.2.2.1 프로젝트 관리 120 3.2.2.2 프로젝트 내의 리소스 관리 121 3.2.2.3 프로젝트 속성 관리 122 3.2.3 MXML 에디터를 이용한 플렉스 화면 디자인 136 3.2.4 스테이트 뷰를 이용한 화면 전환 146 3.2.5 프로퍼티 뷰를 이용한 플렉스 컴포넌트 속성 관리 150 3.2.6 아웃라인 뷰를 이용한 플렉스 컴포넌트 중첩 관계 보기 151 3.2.7 컴포넌트 뷰를 이용한 컴포넌트 리스트 보기 154 3.2.8 프러블럼 뷰를 이용한 에러 코드 수정 157 3.3 플렉스 디버깅 158 3.3.1 Flex Debugging 퍼스펙티브 158 3.3.2 디버그 뷰 159 3.3.3 콘솔 뷰 163 3.3.4 브레이크포인트 뷰 164 3.3.5 베리어블 뷰 166 3.3.6 익스프레션 뷰 168 3.4 요약 171 4장 MXML을 이용한 플렉스 컴포넌트 사용 173 4.1 플렉스 기본 문법 174 4.1.1 MXML의 기본 문법 174 4.1.2 XML의 개념 이해 176 4.2 MXML과 플렉스 컴포넌트의 관계 이해 180 4.3 플렉스 컴포넌트의 기본 183 4.3.1 컨트롤 컴포넌트 183 4.3.1.1 Button 185 4.3.1.2 LinkButton 186 4.3.1.3 CheckBox 187 4.3.1.4 RadioButton 188 4.3.1.5 RadioButtonGroup 188 4.3.1.6 ColorPicker 190 4.3.1.7 DateChooser 190 4.3.1.8 DateField 191 4.3.1.9 HSlider/VSlider 194 4.3.1.10 NumericStepper 194 4.3.1.11 Label 197 4.3.1.12 Text 197 4.3.1.13 TextArea 198 4.3.1.14 TextInput 198 4.3.1.15 RichTextEditor 200 4.3.1.16 Image 202 4.3.1.17 SWFLoader 202 4.3.1.18 ProgressBar 203 4.3.1.19 VideoDisplay 204 4.3.2 데이터를 함께 보여주는 컨트롤 210 4.3.2.1 데이터 바인딩 210 4.3.2.2 ComboBox 216 4.3.2.3 Tree 219 4.3.2.4 List 223 4.3.2.5 TileList 223 4.3.2.6 HorizontalList 228 4.3.2.7 DataGrid 229 4.3.3 데이터 모델 232 4.3.3.1 배열 데이터의 표현 232 4.3.3.2 XML 데이터의 표현 233 4.3.4 레이아웃 컨테이너 236 4.3.4.1 네비게이터 컨테이너 241 4.3.5 차트 컴포넌트 250 4.3.5.1 데이터 보는 방법에 따른 차트의 종류에 대한 이해 251 4.3.5.2 차트 속성에 대한 이해 252 4.3.5.3 차트가 사용할 데이터 구조의 이해 253 4.4 요약 261 5장 액션스크립트 3.0 263 5.1 액션스크립트 소개 264 5.1.1 액션스크립트의 버전 264 5.1.2 액션스크립트 3.0의 특징 265 5.2 MXML에서 액션스크립트의 사용 267 5.3 액션스크립트의 문법 269 5.4 클래스 선언 276 5.4.1 패키지 선언 276 5.4.2 클래스의 정의 278 5.4.3 클래스 변수 종류: 인스턴스, 로컬, 스태틱 280 5.4.4 클래스 생성자 282 5.4.5 클래스의 확장 283 5.5 액션스크립트 연산자 285 5.6 이벤트 처리 287 5.6.1 시스템에서 발생하는 이벤트 287 5.6.2 사용자의 동작과 관련된 이벤트 288 5.6.3 이벤트 객체 289 5.7 액션스크립트 실전 예제 290 5.7.1 키보드 이벤트 처리 예제 290 5.7.2 단축키 처리 예제 292 5.7.3 Click 이벤트 및 MenuEvent 처리 예제(계산기) 294 5.7.4 Mouse 이벤트 처리 예제(달력) 297 5.8 요약 302 제3부 플렉스 2 핵심 코스 303 6장 RIA를 위한 플렉스 스타일 305 6.1 플렉스 화면 구성 가이드 306 6.1.1 플렉스 화면 구성 원칙 306 6.1.2 플렉스 화면을 구성할 때 피해야 할 요소 311 6.2 플렉스 화면 구성 작업 312 6.2.1 화면 크기 정하기 312 6.2.1.1 Size 속성 설정 312 6.2.1.2 Layout Constraints 속성 설정 317 6.2.2 화면 분할 319 6.2.2.1 수직/수평으로 화면을 분리할 때: VBox/HBox, VDividedBox/HDividedBox 319 6.2.2.2 컴포넌트 레이아웃에 따른 사이즈 결정 원리 320 6.2.2.3 가로 세로로 들어갈 컴포넌트들을 나열해서 보여줄 때: Grid, Tile 322 6.2.2.4 기타 컨테이너 323 6.2.2.5 컨테이너 속성 설정을 통한 레이아웃 설정 325 6.2.3 적절한 컨트롤의 사용 326 6.2.4 화면 전환 328 6.3 이펙트의 활용 330 6.3.1 어떤 경우에 이펙트를 줄 것인가? 331 6.3.2 어떤 이펙트를 줄 것인가? 340 6.3.3 적용하는 이펙트의 속성을 어떻게 변화시킬까? 347 6.3.3.1 이펙트의 속성 시작값과 종료값의 변화 347 6.3.3.2 이펙트가 플레이되는 시간: duration 348 6.3.3.3 이펙트 적용 수치 변화: easingFunction 348 6.3.3.4 이펙트 적용 대상: target, targets 350 6.3.3.5 컴포지트 이펙트 352 6.4 플렉스 스타일 353 6.4.1 스타일과 프로퍼티 354 6.4.2 컴포넌트 공통 스타일 355 6.4.2.1 폰트 관련 스타일 355 6.4.2.2 외부 간격 스타일 357 6.4.2.3 내부 내용간 간격 설정 스타일 358 6.4.2.4 내부 컴포넌트들 간의 간격 설정 360 6.4.3 컨트롤 계열에 적용 가능한 스타일 361 6.4.3.1 아이콘 설정 관련 스타일 361 6.4.3.2 스킨 설정 관련 스타일 361 6.4.3.3 컴포넌트 내부 글자 설정 관련 스타일 363 6.4.4 컨테이너 계열에 적용 가능한 스타일 364 6.4.4.1 배경 설정 관련 스타일 364 6.4.4.2 테두리 설정 관련 스타일 366 6.4.5 스타일 상속 368 6.4.6 스타일 적용 369 6.4.6.1 MXML 태그에서 스타일 정의 369 6.4.6.2 CSS에서 스타일 정의 370 6.4.6.3 액션스크립트에서 스타일 정의 375 6.4.6.4 getStyle()과 setStyle() 메소드 377 6.5 플렉스 프로젝트별 스타일 구현 방안 378 6.5.1 플렉스 프로젝트별 스타일 접근 방향 378 6.5.2 플렉스 스타일의 일괄 정의 방법: 테마 379 6.5.3 플렉스 애플리케이션에 테마 적용 방법 380 6.6 요약 381 7장 플렉스 데이터 연동 384 7.1 플렉스 데이터 연동 개요 384 7.1.1 플렉스 데이터 연동 원리 384 7.1.1.1 플렉스가 제공하는 데이터 연동 방법 384 7.1.1.2 플렉스의 데이터 통신 방식 비교 386 7.1.1.3 HTTPService 방식 388 7.1.1.4 WebService 방식 390 7.1.1.5 RemoteObject 방식 393 7.1.1.6 DataService 방식 397 7.2 HTTPService 401 7.2.1 HTTPService의 API 개요 401 7.2.2 XML 데이터를 HTTPService로 연결하기 403 7.2.3 crossdomain.xml 405 7.2.4 result 이벤트와 fault 이벤트에 대한 핸들러 406 7.2.5 DB쿼리 결과를 XML로 리턴하는 JSP와 연동 409 7.2.6 JSP 프로그램에 파라미터 전송하기 412 7.2.7 Named HTTPService 414 7.2.7.1 config 파일 설정 414 7.2.7.2 Named HTTPService의 예제 417 7.2.8 액션스크립트를 이용한 HTTPService 호출 419 7.3 WebService 421 7.3.1 WebService의 API 개요 421 7.3.2 WebService의 호출 예제 422 7.3.3 액션스크립트를 이용한 WebService의 호출 예제 425 7.3.4 닷넷 WebService의 호출 예제 428 7.4 RemoteObject 430 7.4.1 RemoteObject의 API 개요 431 7.4.2 RemoteObject의 기본 예제 431 7.4.3 RemoteObject를 사용하는 플렉스 애플리케이션 작성 434 7.4.4 다중 메소드 RemoteObject의 사용 예제 436 7.4.4.1 RemoteObject 사용 환경 설정 436 7.4.4.2 다중 메소드를 호출하는 RemoteObject 플렉스 애플리케이션 작성 439 7.4.5 액션스크립트를 이용한 RemoteObject의 사용 예제 442 7.5 메시지 서비스 444 7.5.1 메시지 서비스의 API 개요 444 7.5.1.1 Producer 444 7.5.1.2 Consumer 445 7.5.2 메시지 서비스를 이용한 채팅 예제 구현 446 7.5.2.1 메시지 서비스 구현을 위한 환경 설정 446 7.5.2.2 메시지 서비스를 이용한 플렉스 채팅 애플리케이션 작성 448 7.5.3 메시지 서비스를 이용한 실시간 모니터링 예제 구현 451 7.5.3.1 데이터를 공급하는 자바빈즈 구현 451 7.5.3.2 Feed 클래스 컨트롤을 위한 RemoteObject 설정 453 7.5.3.3 메시지 서비스에서 사용할 RTMP 채널 설정 454 7.5.3.4 모니터링을 위한 플렉스 애플리케이션 작성 456 7.6 데이터 관리 서비스 458 7.6.1 DataService의 API 개요 458 7.6.2 DataService를 이용한 데이터 동기화 예제 구현 459 7.6.2.1 MemberDAO 클래스 작성 460 7.6.2.2 MemberAssembler 클래스 작성 463 7.6.2.3 MemberAssembler 클래스에 대한 destination 설정 464 7.6.2.4 DataService를 사용하는 플렉스 애플리케이션 작성 466 7.7 요약 469 제4부 플렉스 2 응용 코스 471 8장 플렉스 커스텀 컴포넌트 473 8.1 커스텀 컴포넌트 개요 474 8.1.1 커스텀 컴포넌트란? 474 8.1.2 커스텀 컴포넌트를 만드는 이유 475 8.1.3 상용 커스텀 컴포넌트 477 8.1.4 컴포넌트화와 코딩 철학 479 8.2 MXML 컴포넌트 480 8.2.1 MXML 컴포넌트의 개요 480 8.2.2 기본 컴포넌트를 확장한 MXML 컴포넌트 만들기 481 8.2.2.1 새 프로젝트 생성 481 8.2.2.2 패키지 경로를 위한 폴더 생성 482 8.2.2.3 MXML 컴포넌트 정의 패널 열기 483 8.2.2.4 MXML 컴포넌트의 속성과 함수 정의 484 8.2.2.5 메인 애플리케이션에서 MXML 컴포넌트의 사용 486 8.2.3 사용자 정의 이벤트를 이용하는 MXML 컴포넌트 만들기 487 8.2.3.1 사용자 정의 이벤트를 사용하는 이유 487 8.2.3.2 사용자 정의 이벤트 발생시키기 488 8.2.3.3 사용자 정의 이벤트 만들기 491 8.3 액션스크립트 컴포넌트 495 8.3.1 액션스크립트 컴포넌트의 개요 495 8.3.2 액션스크립트 컴포넌트 만들기 496 8.3.2.1 액션스크립트 프로젝트 생성 496 8.4 SWC 컴포넌트 501 8.4.1 SWC 컴포넌트의 개요 501 8.4.2 SWC 컴포넌트 만들기 502 8.4.2.1 플렉스 라이브러리 프로젝트 기본 정보 정의 502 8.4.2.2 액션스크립트 클래스 정의 503 8.4.2.3 액션스크립트 클래스 수정 504 8.4.2.4 SWC 컴포넌트 빌드 504 8.4.3 다른 프로젝트에서 SWC 컴포넌트 사용하기 505 8.5 오픈소스 플렉스 컨포넌트 사용하기 508 8.5.1 오픈소스 플렉스 컴포넌트 공유 사이트 508 8.5.2 Flexlib 컴포넌트 적용하기 512 8.6 요약 515 9장 플렉스 성능과 개발생산성 향상 517 9.1 성능 향상 가이드 518 9.1.1 플렉스 애플리케이션 아키텍처 518 9.1.2 플렉스 성능 향상 요소 520 9.1.2.1 플렉스 성능 향상 공식 520 9.1.2.2 애플리케이션 사이즈 축소 방안 521 9.1.3 성능 향상 테크닉 522 9.1.4 ModuleLoader 사용 방법 524 9.1.4.1 모듈 생성 525 9.1.4.2 모듈과 통신하기 529 9.1.5 플렉스 빌더의 메모리와 성능 프로파일러 531 9.1.5.1 프로파일러의 기능 531 9.1.5.2 플래시플레이어 가비지 컬렉션의 특징 532 9.2 개발생산성 향상 가이드 541 9.2.1 개발환경 구축 가이드 541 9.2.1.1 HTTP 모니터링툴 설치 541 9.2.1.2 trace 로그 보기 543 9.2.1.3 trace 로그뷰 플러그인 설정(eclipse-flair 플러그인) 546 9.2.1.4 에디트 플러스에서 플렉스 개발 환경 구축 549 9.2.2 개발 생산성 향상을 위한 플렉스 빌더의 기능 552 9.2.2.1 데이터베이스로부터 플렉스 애플리케이션 코드 자동 생성 552 9.2.2.2 웹서비스 코드 자동 생성 기능 564 9.2.2.3 소스코드 리팩토링 568 9.3 플렉스 개발자를 위한 시스템 아키텍처 가이드 569 9.3.1 플렉스 애플리케이션 배포 569 9.3.1.1 애플리케이션을 보내는 쪽: 서버 570 9.3.1.2 애플리케이션을 받아서 실행하는 쪽: 클라이언트 570 9.3.2 RSL을 사용한 애플리케이션 배포 572 9.3.2.1 RSL을 적용할 때 고려해야 할 사항 573 9.3.2.2 RSL의 종류 573 9.3.3 애플리케이션 최적화와 자동화를 위한 MXMLC 명령어 사용법 575 9.3.3.1 익스터널 라이브러리 적용 컴파일 576 9.3.3.2 인증 프레임웍 RSL 컴파일 577 9.3.3.3 플렉스 컴파일러 쉘(FCSH)의 사용 579 9.4 요약 580 제5부 플렉스 실전 코스 583 10장 플렉스 실전 프로젝트와 UX 가이드 585 10.1 플렉스 프로젝트 도입 가이드 586 10.1.1 플렉스 프로젝트 특성의 이해 586 10.1.1.1 플렉스 UX의 3요소 587 10.1.2 플렉스 프로젝트 유형 592 10.1.2.1 적용 유형에 따른 분류 592 10.1.2.2 적용 범위에 따른 분류: 전체 플렉스/부분 플렉스 597 10.1.3 플렉스 프로젝트 태스크 599 10.1.4 플렉스 프로젝트 팀원의 구성 600 10.1.4.1 플렉스 프로젝트 역할 정의 601 10.1.4.2 플렉스 프로젝트 업무영역의 중첩성 601 10.2 UX 향상을 위한 디자이너와 개발자의 협업 602 10.2.1 디자이너와 개발자의 협업 602 10.2.1.1 협업 프로세스 603 10.2.2 디자이너와 개발자 협업을 위한 스킬셋 604 10.2.2.1 플렉스 빌더의 CSS 에디터 605 10.2.2.2 런타임 CSS 608 10.2.2.3 Flex Component Kit을 활용한 플래시와 플렉스의 협업 613 10.2.3 UX 향상을 위한 고려사항 627 10.2.3.1 UI와 Usability와 UX 627 10.2.3.2 UX의 구현 수준 평가 628 10.2.3.3 UX 기술 가이드 629 10.3 요약 631 11장 플렉스 프로젝트 팁 633 11.1 프레임웍 아키텍처 634 11.1.1 프레임웍의 필요성 634 11.1.2 프레임웍의 고려사항 635 11.1.3 플렉스 프레임웍 패턴 635 11.1.4 외부 인터페이스 정의 637 11.1.4.1 플렉스에서 제공하는 외부 시스템 연동방법 638 11.1.4.2 외부 인터페이스와 연동 방법 639 11.2 캔곰 프레임웍 640 11.2.1 캔곰 프레임웍의 구성 640 11.2.2 캔곰 프레임웍의 작동원리 642 11.2.3 캔곰 프레임웍의 구현 644 11.2.3.1 캔곰 프로젝트 생성 644 11.2.3.2 캔곰 폴더 만들기 645 11.2.3.3 view 디렉토리에서의 작업 646 11.2.3.4 vo 디렉토리에서의 작업 648 11.2.3.5 business 디렉토리에서의 작업 651 11.2.3.6 control 디렉토리에서의 작업 653 11.2.3.7 commands 디렉토리에서의 작업 655 11.2.3.8 model 디렉토리에서의 작업 656 11.2.3.9 캔곰 프레임웍의 작동 658 11.3 플렉스 실전에 도움이 되는 예제 660 11.3.1 아웃룩 예제 660 11.3.2 플렉스 WAS 세션 처리 예제 661 11.3.3 플렉스에서 팝업 윈도우 띄우고 컨트롤하기 662 11.3.4 Multi 헤더와 item Renderer를 적용한 DataGrid 예제 663 11.3.5 HTTPService를 이용한 CRUD(데이터 입력, 수정, 삭제 조회) 예제 663 11.3.6 ajax와 플렉스 664 11.3.7 다국어 처리 예제 665 11.3.7.1 로케일 모듈 컴파일 방법 666 11.3.8 테마, MDI, 다국어 처리 예제 667 11.3.9 ExternalInterface 예제 668 11.3.10 OLAPGrid 예제 669 11.3.11 플렉스 애플리케이션간 파라미터 전송 670 11.4 플렉스 개발 관련 에러 메시지와 해결방법 670 11.5 플렉스 참고자료 677 11.5 1 자주 들어오는 질문 677 11.5.1.1 자바(JVM, JRE) 관련 677 11.5.1.2 데이터 연동 관련 678 11.5.1.3 기타 플렉스 관련 680 11.5.1.4 이 책에 들어있는 플렉스 예제 관련 681 11.5.2 플렉스 관련 즐겨찾기 정리 683 11.6 요약 684 부록 어도비 에어 개발 가이드 685 A 어도비 에어의 개요 686 A.1 어도비 에어 소개 686 A.2 에어의 주요 기능 687 A.3 어도비 에어 개발환경 687 A.3.1 어도비 에어 런타임 설치 687 A.3.2 에어 SDK 설치 689 A.4 에어 애플리케이션 개발 맛보기 689 A.5 에어 애플리케이션 적용 사례 691 B 에어의 새로운 기능 693 B.1 파일 693 B.1.1 로컬 자원 접근 제한 693 B.1.2 어도비 에어의 파일 API 소개 694 B.1.3 File 클래스 694 B.2 로컬 데이터베이스 699 B.2.1 로컬 데이터베이스 API 700 B.2.2 데이터베이스 실행 방식 702 B.2.3 데이터베이스 연결(생성) 702 B.2.4 SQL 쿼리문 실행 704 B.3 네이티브 윈도우 707 B.3.1 NativeWindow 관련 클래스 707 B.3.2 윈도우 크롬 707 B.3.3 윈도우 생성 709 B.3.4 윈도우 관리 710 B.4 내장 브라우저 710 B.4.1 웹 브라우저 만들기 711 C 에어 애플리케이션의 배포와 업데이트 712 C.1 *.air 파일 패키징 712 C.1.1 에어 디스크립터 파일 712 C.1.2 에어 배포파일(*.air) 작성 715 C.2 배포 방법 724 C.2.1 기본적인 배포 724 C.2.2 웹을 통한 배포 724 C.3 애플리케이션 업데이트 729 C.3.1 Updater 클래스 729 C.3.2 air 파일을 사용자 PC로 다운로드하기 730 D 에어의 활용과 윈도우 애플리케이션 연동 731 D.1 에어로 개발 가능한 응용 범위 732 D.2 AIRConnector를 이용한 윈도우 애플리케이션 연동 734 D.2.1 윈도우 애플리케이션과 에어 연동 개요 735 D.2.2 AIRConnector의 활용 736 D.3 에어의 미래 739

저자소개

옥상훈 (OkGosu.Net) 1997 년에 한양대 생물학과를 졸업하고 자바개발자로 IT 무림에 입문한 10년 차 IT 맨으로, 한국 자바개발자 협의회(JCO, JavaCommunity.Org)의 회장을 역임했으며 월간 마이크로소프트웨어에 오랫동안 자바와 플렉스 관련 글을 꾸준히 기고해왔다. 이미 플래시 MX와 플렉스 버전 1부터 관심을 갖고 공부를 하기 시작했으며, 2005년도부터 플렉스 커뮤니티에서 ‘고수’라는 닉네임을 쓰고 활동하면서 현재는 okgosu.net이라는 플렉스 관련 블로그를 운영하고 있다. 현재 한국 어도비 시스템즈에서 플렉스 컨설팅 업무를 담당하고 있다.