[ 세트 구성: 전2권 ]

1) 『센차 아키텍트 프로그래밍: 손쉬운 센차터치 모바일 개발을 위한』
2) 『센차터치2 + 폰갭 프로그래밍: 하이브리드 모바일 웹앱 기초부터 실전 활용까지』


『센차 아키텍트 프로그래밍』 소개

이 책은 센차터치(Sencha Touch)와 ExtJs를 만드는 데 도움을 주는 통합 툴인 센차 아키텍트(Sencha Architect)를 이용해 쉽게 모바일 웹앱과 네이티브 앱을 만드는 방법을 설명한다. 센차 아키텍트는 센차터치의 파일 각각을 코딩해 만드는 방법이 아닌 위지윅 기능을 이용해 필요한 컴포넌트를 끌어다 놓음으로써 쉽게 앱을 구축할 수 있도록 도와준다. 또한 터치차트, 서버로의 직접 배포, 네이티브 앱으로의 빌드 기능 등 명실상부한 강력한 모바일 웹앱 도구의 중심으로서 손쉽게 모바일 앱을 개발할 수 있다. 『센차터치2+폰갭 프로그래밍』과 함께 읽으면 더욱 유용하다.

이 책에서 다루는 내용
■ 센차 아키텍트의 설치와 환경 설정
■ 센차 아키텍트를 이용한 센차터치 프로그래밍
■ 센차 아키텍트에서 직접 웹앱 형태로 서버에 배포하는 방법
■ 센차 아키텍트에서 네이티브 앱으로 빌드하는 방법
■ 센차 아키텍트에서의 폰갭 연동

이 책의 대상 독자
■ 가장 강력한 웹앱을 학습하려는 개발자
■ 센차터치를 어려워하는 웹앱 개발자
■ 쉽고 빠르게 웹앱을 구성하려는 개발자
■ 웹앱으로 네이티브앱을 만들고 싶은 개발자


『센차터치2 + 폰갭 프로그래밍』 소개

이 책은 센차터치(Sencha Touch)와 폰갭(PhoneGap)에 중심을 두었다. 센차터치는 모바일 웹앱 중 가장 강력한 프레임워크이며, 폰갭은 하이브리드 플랫폼을 구축하는 데 가장 강력한 기능을 제공한다. 이 둘을 함께 사용한다면 하이브리드앱을 구축하는 데 있어서 최고의 환경을 제공할 것이다. 특히 센차터치 부분은 MVC 애플리케이션의 일부분만을 설명하는 수준이 아니라 새로운 형태의 구성이 만들어질 때마다 비 MVC 애플리케이션과 동일한 기능으로 구현하여 두 예제를 비교할 수 있게 구성했다. 이런 구성을 따라 가다 보면 독자 스스로 자연스럽게 다가갈 수 있을 것이다.

[부록 CD 수록]
이 책에 들어 있는 모든 예제의 소스코드
- 센차터치2 예제
- 폰갭1.8 예제
- 센차터치2 + 폰갭 예제
- 부록 실전프로젝트 예제

이 책에서 다루는 내용
■ 센차터치2
■ 센차터치와 서버 간 연동
■ 센차터치MVC 애플리케이션
■ 폰갭 API와 플러그인
■ 폰갭과 센차터치2
■ 실전 프로젝트

이 책의 특징
■ 개발자 중심의 단계별 설명과 예제
■ MVC 애플리케이션과 비 MVC 애플리케이션을 혼용해 자연스럽게 MVC 애플리케이션을 익힐 수 있도록 정리
■ 폰갭 API별 설명과 플러그인 사용 수록
■ 폰갭과 센차터치2의 연동과 예제
■ 마켓 등록과 배포

[ 저자 소개 ]

이병옥
원광대학교 제어계측공학과를 졸업했으며, 비트교육센터 전문가 과정을 거쳐 IT계에 입문했다. 금융 IT와 관련된 개발 업무를 주로 했으며, LG CNS를 거쳐 현재 IBK 시스템에 근무 중이다. 금융권 모바일 프로젝트에 참여했으며, 웹앱과 안드로이드, 윈도우 프로그램에 관심이 많다. 저서로는 에이콘출판사에서 펴낸 『센차터치 모바일 프로그래밍』(2011), 『센차터치2+폰갭 프로그래밍』(2012), 『나홀로 개발자를 위한 안드로이드 게임 프로그래밍』(2013), 『센차 아키텍트 프로그래밍』(2013)이 있다.

목차

• 『센차 아키텍트 프로그래밍』
  
• 1부 센차 아키텍트 소개
  
• 1장 센차 아키텍트와 환경 설정
  • 1.1 센차 아키텍트 소개
  • 1.2 아파치 톰캣 서버 설치
  • 1.3 센차 아키텍트 설치
• 2장 센차 아키텍트 시작
  • 2.1 Hello 센차 아키텍트
  • 2.2 디버깅
  • 2.3 센차터치 MVC 아키텍처
  • 2.4 센차터치 클래스의 기본
    
• 2부 센차 아키텍트 활용
  
• 3장 센차터치 화면 구성
  • 3.1 센차터치 레이아웃
  • 3.2 복합적인 레이아웃 구성
• 4장 센차터치 컴포넌트
  • 4.1 폼 컴포넌트의 사용
  • 4.2 컴포넌트 읽고 쓰기
  • 4.3 셀렉트, 슬라이더, 토글 필드의 사용
  • 4.4 셀렉트, 슬라이더, 토글 필드의 사용(MVC)
  • 4.5 픽커 필드와 픽커 컴포넌트의 사용
  • 4.6 아이콘과 UI
  • 4.7 메시지 박스와 사용자 함수
    
• 5장 다양한 화면 구성
  • 5.1 탭 패널과 애니메이션
  • 5.2 캐러셀
  • 5.3 오버레이 창
  • 5.4 페이지 이동과 구성
    
• 6장 리스트의 사용
  • 6.1 리스트 뷰
  • 6.2 데이터 뷰
    
• 7장 서버 데이터 사용
  • 7.1 Ajax 데이터 가져오기
  • 7.2 Ajax와 MVC 아키텍처
    
• 8장 멀티미디어
  • 8.1 오디오와 비디오
  • 8.2 구글 지도
    
• 9장 센차터치 차트
  • 9.1 센차터치 차트의 종류
  • 9.2 센차터치 차트의 사용
    
• 3부 네이티브 앱 적용
  
• 10장 안드로이드 개발 환경 설정
  • 10.1 이클립스와 안드로이드 SDK 설치
  • 10.2 폰갭 설치
    
• 11장 네이티브 앱 개발
  • 11.1 센차 아키텍트와 폰갭을 이용한 앱 구현
  • 11.2 센차 아키텍트를 이용한 네이티브 앱 구현
  • 11.3 센차 디바이스 소개
    
    
• 『센차터치2 + 폰갭 프로그래밍』
  
• 1장 모바일 프레임워크의 소개
  • 1.1 HTML5의 발전
  • 1.2 모바일 프레임워크의 변화
  • 1.3 모바일 프레임워크 소개
  • 1.4 왜 센차터치인가?
  • 1.5 센차터치2.0 출시
    
• 2장 환경설정
  • 2.1 환경설정의 범위
  • 2.2 JDK 설치
  • 2.3 아파치 톰캣 서버 설치
  • 2.4 데이터베이스 MySQL 설치
  • 2.5 센차터치 설치
  • 2.6 센차터치 SDK Tools 설치
  • 2.7 모바일 단말기 테스트를 위한 환경
    
• 3장 선행학습
  • 3.1 자바스크립트와 JSON
  • 3.2 JSON 데이터 처리
  • 3.3 자바스크립트와 DOM
  • 3.4 HTML, 자바스크립트, CSS의 분리
  • 3.5 Ajax와 JSON
    
• 2부 센차터치
  
• 4장 센차터치 기본개념
  • 4.1 Hello 센차터치
  • 4.2 센차터치 디버깅
  • 4.3 클래스의 시작
  • 4.4 클래스의 상속
  • 4.5 클래스의 config
  • 4.6 클래스와 정적변수
  • 4.7 클래스와 이벤트
  • 4.8 경로와 패키지
  • 4.9 Container와 Component
  • 4.10 MVC 아키텍처
  • 4.11 Hello 센차터치(MVC)
    
• 5장 센차터치 기본 컴포넌트
  • 5.1 화면의 기본 패널
  • 5.2 화면의 기본 패널(MVC)
  • 5.3 화면의 기본 패널 패널 분리(MVC)
  • 5.4 화면의 기본 패널 xtype(MVC)
  • 5.5 레이아웃을 이용한 화면의 구성
  • 5.6 템플릿의 사용
  • 5.7 폼과 컴포넌트의 사용
  • 5.8 폼과 컴포넌트의 제어
  • 5.9 폼과 컴포넌트의 사용(MVC)
  • 5.10 툴바, 탭바, 아이콘 사용
  • 5.11 이벤트
  • 5.12 이벤트의 사용(MVC)
  • 5.13 앱과 같은 화면 이동 Carousel
    
• 6장 센차터치 기본 컴포넌트 II
  • 6.1 데이터 뷰
  • 6.2 데이터 뷰(MVC)
  • 6.3 리스트
  • 6.4 복잡한 리스트의 표현 XTemplate
  • 6.5 NestedList
  • 6.6 스크롤을 이용한 리스트풀 구현
  • 6.7 메시지 창
  • 6.8 마스크 처리
  • 6.9 픽커의 사용
  • 6.10 액션시트
  • 6.11 새로운 창 오버레이
  • 6.12 오버레이의 변형
  • 6.13 패널 호출을 이용한 페이지 이동
  • 6.14 카드 레이아웃을 이용한 페이지 이동
  • 6.15 툴바를 포함한 페이지 이동 및 값 전달
  • 6.16 페이지 이동(MVC)
  • 6.17 NavigationView
  • 6.18 애니메이션
    
• 7장 센차터치와 서버연동
  • 7.1 센차터치와 Ajax 연동
  • 7.2 Ext.Ajax.request의 사용
  • 7.3 Model, Proxy, Store 사용
  • 7.4 Model, Proxy, Store(MVC)
  • 7.5 XML 데이터 사용
  • 7.6 관계형 모델 사용을 위한 hasMany, belongsTo
  • 7.7 Sorter, Filter를 이용한 Store 데이터 제어
  • 7.8 스크립트 태그 사용
  • 7.9 센차터치의 스크립트 태그 사용
  • 7.10 크로스 도메인에 필요한 JSONP 사용
  • 7.11 SUBMIT
  • 7.12 로컬스토리지와 세션스토리지 사용
  • 7.13 센차터치와 스토리지
  • 7.14 서버 자원을 활용한 사진목록(개체 배열 사용)
  • 7.15 서버 자원을 활용한 사진목록(Extend 사용)
    
• 8장 센차터치와 디자인
  • 8.1 센차터치와 테마
  • 8.2 CSS 추가
  • 8.3 SASS 환경 설치
  • 8.4 SASS
  • 8.5 Compass
    
• 9장 터치 차트
  • 9.1 Area
  • 9.2 BAR
  • 9.3 PIE
  • 9.4 LINE
  • 9.5 터치 차트 2 그밖의 차트
  • 9.6 터치 차트 1.0 소개
  • 9.7 터치 차트 1.0 DRAW
  • 9.8 터치 차트 1.0 차트(AREA, LINE, BAR, PIE)
    
• 10장 센차터치 웹앱의 다양한 기능
  • 10.1 오디오 제어
  • 10.2 비디오 제어
  • 10.3 구글맵
  • 10.4 다음맵
  • 10.5 센차터치 & 다음맵
    
• 11장 센차터치 응용
  • 11.1 갤러리 만들기
  • 11.2 갤러리 만들기(MVC)
  • 11.3 숫자 맞추기 게임
    
• 3부 센차터치와 하이브리드 플랫폼
  
• 12장 폰갭 소개
  • 12.1 폰갭 소개 및 설치
  • 12.2 안드로이드 개발 환경, 설치
  • 12.3 안드로이드 폰갭 설치
  • 12.4 아이폰 개발 환경
  • 12.5 폰갭과 아이폰
    
• 13장 폰갭의 기본 예제
  • 13.1 폰갭의 기본 API
  • 13.2 Accelerometer
  • 13.3 Camera
  • 13.4 Capture
  • 13.5 Compass
  • 13.6 Connection
  • 13.7 Contact
  • 13.8 Device
  • 13.9 Events
  • 13.10 File
  • 13.11 Geolocation
  • 13.12 Media
  • 13.13 Notification
  • 13.14 Storage
  • 13.15 폰갭과 플러그인
    
• 14장 폰갭과 센차터치 설정
  • 14.1 폰갭과 센차터치(안드로이드)
  • 14.2 폰갭과 센차터치(아이폰)
    
• 15장 폰갭과 센차터치 응용
  • 15.1 Accelerometer API를 이용한 복불복 게임
  • 15.2 Camera API를 이용한 사진 촬영
  • 15.3 Capture API를 이용한 사진 캡쳐
  • 15.4 Compass API를 이용한 나침반 구현
  • 15.5 Connection API를 이용한 통신상태 체크
  • 15.6 Contact API를 이용한 전화번호 조회
  • 15.7 Device API를 이용한 폰 정보조회
  • 15.8 Events API를 이용한 버튼 변환
  • 15.9 File API를 이용한 모바일 파일 탐색기
  • 15.10 Geolocation API를 이용한 주변지도 보기(다음맵)
  • 15.11 폰갭 Media 구현
  • 15.12 Notification API 구현
  • 15.13 Storage API를 이용한 데이터조회
  • 15.14 폰갭과 센차터치 MVC
    
• 16장 순수한 안드로이드 하이브리드(SQLite 제어)
  • 16.1 모바일 하이브리드 프레임워크
  • 16.2 안드로이드 SQLite 연동
    
• 17장 센차터치2 Native Packing 간략한 소개
  • 17.1 센차터치 Native Packing 베타
  • 17.2 센차터치 Native Packing 사용
    
• 18장 마켓 배포
  • 18.1 구글 마켓
  • 18.2 안드로이드 플레이스토어 등록
    
• 부록 실전 프로젝트
  
• 부록 A. File Manager(파일관리자)