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

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


★ 이 책에서 다루는 내용 ★

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


★ 이 책의 특징 ★

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


★ 이 책의 구성 ★

1부 모바일 프레임워크

1장 모바일 프레임워크 소개
센차터치의 특징과 역사, 현재와 미래에 대해 논하고, 이 책에서 이야기하려는 전반적인 모바일 프레임워크의 구조에 대해 간단히 정리한다.

2장 환경 설정
기본적인 JDK 설치부터 서버 및 데이터베이스까지, 센차터치를 개발하는 환경 설정에 대해 설명한다. 특히 1.0과는 달리 센차터치2에서는 웹서버를 반드시 설치해야 한다. 로컬 경로에서 센차터치의 테스트는 에러를 추적하기 힘들다. 따라서 웹서버가 설치된 환경에서 개발해야 한다.

3장 선행학습
센차터치를 학습하기 전에 필요한 자바스크립트 DOM, Ajax 등에 대해서 간단히 학습한다.

2부 센차터치

4장 센차터치 기본개념
센차터치2.0은 프레임워크가 ExtJs 기반으로 바뀌었다. 따라서 클래스의 구현, 상속, 이벤트의 사용법, 패키지의 처리, MVC 등 기본적으로 알아야 할 내용에 대해 설명한다.

5장 센차터치 기본 컴포넌트 I
센차터치가 가지고 있는 기본 컴포넌트의 사용법을 배운다. 기본 컴포넌트의 변수 처리와 이벤트 처리 등이 포함돼 있으며, MVC 애플리케이션을 포함한다.

6장 센차터치 기본 컴포넌트 II
5장에 이어서 좀 더 복잡한 기본 컴포넌트의 사용법을 배운다. 다양한 기본 컴포넌트와 그 활용법을 설명하며, 마찬가지로 MVC 애플리케이션을 포함한다.

7장 센차터치와 서버 연동
센차터치는 웹앱이다. 웹상에서 동작하므로 서버와 연동하는 기본적인 방법과 다양한 방식을 알아보고 구현한다.

8장 테마, SASS, COMPASS
센차터치에는 여러 디자인 테마가 들어 있다. 화면을 구성하는 테마는 기본으로 제공되는 CSS 이외에 Compass를 이용해 새롭게 구성할 수 있다. Compass를 이해하기 위해 Sass도 함께 알아본다.

9장 터치 차트
센차터치의 자랑거리 중 하나는 터치 차트다. 터치 차트는 아름답고 빠른 렌더링을 제공하는 차트를 제공한다. 아쉽게도 2.0은 정식 버전이 아니다. 센차터치2.0과 함께 사용하면 일부 오류가 발생한다. 따라서 2.0은 기본 예제를 중심으로 설명하고 1.0의 예제를 설명에 포함시켰다.

10장 웹앱의 다양한 기능
센차터치를 이용해 추가 기능을 구현했다. 오디오, 비디오, 구글과 다음의 지도서비스를 구현해 센차터치에서 사용할 수 있게 구성했다.

11장 센차터치 응용
센차터치를 이용해 갤러리를 구현한다. 갤러리 예제는 단순히 리스트나 커로우절로 구성된 것이 아니라 정해진 개수를 유지하면서 리스트의 이동과 상세페이지 이동이 연동되는 형태로 구성되었다. 실제 구현 시 큰 도움이 될 것이다. 또한 MVC 애플리케이션으로도 구현하여 제공한다. 1.0에서 구현했던 숫자 찾기 게임도 2.0으로 변환해 제공한다.

3부 하이브리드 플랫폼

12장 폰갭의 설치
폰갭(코르도바) 1.8.1 최신 버전을 사용했다. 폰갭을 안드로이드와 아이폰에 설치하는 과정을 설명한다.

13장 폰갭의 기본 예제
폰갭에서 제공하는 기본 예제를 설명했다. 확인하기 힘든 예제는 수정해 제공했으며 플러그인의 사용법을 추가했다.

14장 폰갭상의 센차터치 설치
안드로이드, 아이폰 개발 환경에서 폰갭에 센차터치를 설치하는 방법을 설명한다. 안드로이드 이클립스와 iOS의 개발자 등록, 엑스코드의 설치, 폰갭의 설치를 상세히 알아본다.

15장 폰갭과 센차터치 응용
폰갭과 센차터치를 이용해 다양한 예제를 제공한다. 간단한 게임이나 파일 탐색기 등을 사용하기 쉽게 API별로 각각 구현했다.

16장 안드로이드 하이브리드(SQLite)
웹뷰(WebView)에 대한 이해를 돕기 위해 순수한 하이브리드 플랫폼 구축에 대해 설명하고 구현한다.

17장 센차터치2.0 Native Packing 간략한 소개
센차터치 Native Packing에 대해 간략히 소개한다. 아직 정식 버전이 아니므로 안드로이드상에서 apk 파일을 만드는 과정을 간단히 설명한다. 정식 버전이 출시되면 홈페이지에 게시할 예정이다.

18장 마켓 배포
마켓 배포를 위해 플레이스토어에 등록하는 방법을 기술하며, 개발자 스스로 마켓 운영 경험을 할 수 있게 도울 것이다.

이 책은 앱 개발자, 웹 개발자 모두 쉽게 접근할 수 있는 방법이며 강력한 성능을 만들 수 있는 방법 중 하나다. 1장부터 18장까지 순차적으로 접근한다면 웹앱의 최강자인 센차터치와 폰갭을 자연스럽게 익일 수 있을 것으로 믿는다.


★ 저자 서문 ★

센차터치2.0 정식 버전이 출시된 직후 우리는 1.0 버전의 기존 소스를 2.0으로 변환하는 작업을 시작했다. 이미 작업은 시작했지만 베타 버전은 여러 차례 변화하면서 새로운 버전에서는 동작하지 않았다. 정식 버전이 나온 뒤 모든 소스를 다시 정리해야 했다. 센차터치2.0의 중심은 ExtJs 프레임워크의 적용에 있으며, 이를 통한 개발은 MVC 애플리케이션이었으므로 센차터치의 새로운 버전은 시행착오를 거쳐 계속 진화했다. 1.0 버전을 출판할 때와 2.0을 출판할 때의 환경도 판이하게 달랐다. 이미 모바일 하이브리드 플랫폼을 많은 개발자가 알게 되었고, 센차터치에 대한 지식도 많이 공유되었다. 2.0 책은 좀 더 집중해야 했다.

이 책은 센차터치와 폰갭을 중심에 두고 설명한다. 특히 센차터치의 MVC 애플리케이션에 대한 이해를 높이려고 노력했다. MVC 애플리케이션을 책의 한 부분에 국한시키는 것이 아니라 책의 전반적인 흐름에서 새로운 형태의 웹앱 구조가 나올 때마다 MVC 애플리케이션을 동일하게 만들어 제공했다. 따라서 책을 학습하면서 MVC 애플리케이션과 비 MVC 애플리케이션의 구조를 자연스럽게 비교하고 어디가 어떻게 달라졌는지 차근차근 알아볼 수 있다. 쉬운 구조에서 복잡한 구조까지 MVC 애플리케이션이 따라다닐 것이다.

하이브리드 플랫폼은 과거 안드로이드, 아이폰상의 순수한 개발 방법을 대부분 삭제했다. 그리고 최근 공개된 폰갭(코르도바)의 1.8 버전을 중심으로 개편됐다. 1.8 버전은 과거 폰갭과는 많은 차이가 있다. 폰갭은 www.phonegap.com에서 제공하는 기본 예제와 플러그인 사용법에 대해 설명하고 구현했으며, 센차터치와 폰갭을 같이 사용해 시너지 효과를 누릴 수 있게 구성했다. 폰갭과 센차터치 응용편에서는 이러한 예제로 모바일 폰에서 동작하는 여러 예제를 API별로 제공한다.

마지막으로 마켓에 배포하는 방법을 추가했다. 마켓에 센차터치와 폰갭으로 만든 앱을 배포함으로써 실제로 앱의 운영 경험을 쌓는 데 도움이 될 것이다.

- 이병옥

센차터치2.0 정식 버전이 출시된 직후 우리는 1.0 버전의 기존 소스를 2.0으로 변환하는 작업을 시작했다. 이미 작업은 시작했지만 베타 버전은 여러 차례 변화하면서 새로운 버전에서는 동작하지 않았다. 정식 버전이 나온 뒤 모든 소스를 다시 정리해야 했다. 센차터치2.0의 중심은 ExtJs 프레임워크의 적용에 있으며, 이를 통한 개발은 MVC 애플리케이션이었으므로 센차터치의 새로운 버전은 시행착오를 거쳐 계속 진화했다. 1.0 버전을 출판할 때와 2.0을 출판할 때의 환경도 판이하게 달랐다. 이미 모바일 하이브리드 플랫폼을 많은 개발자가 알게 되었고, 센차터치에 대한 지식도 많이 공유되었다. 2.0 책은 좀 더 집중해야 했다.

이 책은 센차터치와 폰갭을 중심에 두고 설명한다. 특히 센차터치의 MVC 애플리케이션에 대한 이해를 높이려고 노력했다. MVC 애플리케이션을 책의 한 부분에 국한시키는 것이 아니라 책의 전반적인 흐름에서 새로운 형태의 웹앱 구조가 나올 때마다 MVC 애플리케이션을 동일하게 만들어 제공했다. 따라서 책을 학습하면서 MVC 애플리케이션과 비 MVC 애플리케이션의 구조를 자연스럽게 비교하고 어디가 어떻게 달라졌는지 차근차근 알아볼 수 있다. 쉬운 구조에서 복잡한 구조까지 MVC 애플리케이션이 따라다닐 것이다.

하이브리드 플랫폼은 과거 안드로이드, 아이폰상의 순수한 개발 방법을 대부분 삭제했다. 그리고 최근 공개된 폰갭(코르도바)의 1.8 버전을 중심으로 개편됐다. 1.8 버전은 과거 폰갭과는 많은 차이가 있다. 폰갭은 www.phonegap.com에서 제공하는 기본 예제와 플러그인 사용법에 대해 설명하고 구현했으며, 센차터치와 폰갭을 같이 사용해 시너지 효과를 누릴 수 있게 구성했다. 폰갭과 센차터치 응용편에서는 이러한 예제로 모바일 폰에서 동작하는 여러 예제를 API별로 제공한다.

마지막으로 마켓에 배포하는 방법을 추가했다. 마켓에 센차터치와 폰갭으로 만든 앱을 배포함으로써 실제로 앱의 운영 경험을 쌓는 데 도움이 될 것이다.

- 이병옥