폰갭 모바일 애플리케이션 프레임워크 실전 활용 가이드

『PhoneGap 한국어판』은 iOS, 안드로이드, 블랙베리 등의 멀티플랫폼을 대상으로 하는 단일 애플리케이션 개발을 위해 폰갭 모바일 개발 프레임워크를 사용하는 방법을 보여준다. 폰갭을 사용하면 업계에 있는 모든 플랫폼 개발 환경을 새로 배울 필요 없이 이미 보유 중인 웹 개발 기술을 활용해 앱을 개발할 수 있다.


★ 이 책에서 다루는 내용 ★

■ HTML5와 CSS3를 사용해 풍부한 상호작용이 가능한 앱 개발
■ 어디서나 사용할 수 있는 모바일 자바스크립트 전문 지식
■ 웹 개발 기술과 네이티브 코드를 활용해 원격 서버와 동기화하며 오프라인에서도 작동이 가능한 설치형 웹앱 개발
■ 실시간 센서 데이터를 이용한 애플리케이션 경험 증진
■ 애플리케이션에 카메라와 이미지를 연계함으로서 사용자 경험 증진
■ 완전한 네이티브 상호작용을 위한 기기 고유의 연락처 데이터에 접근
■ 정확하고 능숙하게 기기를 식별함으로써 점진적인 사용자 인터페이스 보강


★ 이 책의 대상 독자 ★

이 책은 모바일 웹이나 모바일 애플리케이션을 개발해본 경험이 없는 중급 수준의 웹 개발자에게 가장 적합하다. 네이티브 모바일 SDK 개발 경험은 필요하지 않다.


★ 이 책의 구성 ★

1장, 폰갭 설치에서는 iOS, 안드로이드, 블랙베리 플랫폼을 위한 다중 개발 환경을 구성하는 과정을 도와준다. 1장을 완료하면 폰갭 애플리케이션을 즉시 개발할 수 있는 환경이 갖춰진다.

2장, 멀티플랫폼 빌드와 디버깅에서는 1장에서 구성한 환경을 활용해 멀티 플랫폼을 위한 코드를 한 번에 신속하고 효율적으로 만들 수 있는 방법을 설명한다. 또한 모바일 개발에 데스크탑 브라우저를 활용하는 방법도 보여준다.

3장, 모바일 웹에서 모바일 앱으로에서는 폰갭 개발에 있어서의 핵심인 애플리케이션 설계와 아키텍처의 변경 방법을 설명한다. 특히 대부분의 상호작용을 웹 서버에 의존하지 않는 폰갭 애플리케이션을 작성하는 방법도 알아본다.

4장, 크로스플랫폼 기반 코드 관리에서는 특징 탐지와 브라우저 스니핑 등의 일반적인 웹 기술을 사용해 멀티플랫폼에 배포할 수 있는 코드의 관리 방법을 알아본다.

5장, HTML5 API와 모바일 자바스크립트에서는 HTML5를 지원하는 브라우저에서 작동 가능하며, 동시에 최신 모바일 기기에서도 일반적으로 지원되는 자바스크립트 API를 살펴본다. 또한 코드 관리에 유용한 모바일 자바스크립트 라이브러리도 알아본다.

6장, CSS3 트랜지션, 트랜스폼, 애니메이션에서는 폰갭 애플리케이션의 모양과 느낌을 맵시 있게 바꿔주는 CSS의 새로운 기법을 알아본다.

7장, 센서에서는 폰갭 애플리케이션에서 위치 정보나 가속도계 정보를 이용할 수 있게 폰갭의 센서 접근 기능을 알아본다.

8장, 카메라에서는 폰갭 API를 사용해 사용자의 사진 앨범과 카메라에 접근해 그 결과를 애플리케이션에서 이용할 수 있는 방법을 알아본다.

9장, 연락처에서는 폰갭의 연락처 API를 사용해 사용자의 기기에 저장돼 있는 주소록에 접근하고 폰갭 애플리케이션에서 이용하는 방법을 알아본다.

10장, 폰갭 플러그인에서는 폰갭의 핵심 API에서 제공되지 않는 iOS, 안드로이드, 블랙베리의 고유 기능에 접근할 수 있는 플러그인을 제작해본다.

11장, 오프라인 동기화와 캐싱에서는 약간의 서버 코드를 작성하는 것만으로 폰갭 애플리케이션이 오프라인에서 얻은 데이터를 로컬이나 원격으로 관리하는 방법을 보여준다.

부록 A, iOS 배포 방법에서는 애플의 개발자 인증을 취득해 시뮬레이터에 머물러 있던 애플리케이션을 앱 마켓으로 보내는 방법을 설명한다.


★ 저자 서문 ★

이 책 『Phonegap 한국어판』에서는 모바일 애플리케이션 개발을 위한 오픈소스이며 크로스플랫폼 프레임워크인 폰갭을 소개한다. 폰갭을 사용하면 HTML, CSS, 자바스크립트 같은 이미 보유한 웹 개발 기술을 활용해, 하나의 기반 코드로 iOS, 안드로이드, 블랙베리 등 다수의 플랫폼을 위한 네이티브 애플리케이션을 개발할 수 있다. 폰갭을 사용하면 웹 사이트를 개발할 때 얻을 수 있는 이점, 예컨대 다양한 고객에게 배포할 수 있는 동일한 이점을 그대로 얻을 수 있다.

★ 옮긴이의 말 ★

최근 2~3년 사이 모바일 앱은 네이티브 앱(Native App)에서 웹앱(Web App)으로, 그리고 하이브리드 앱(Hybrid App)으로 경향이 바뀌어감을 느낍니다. 특히 2011년은 제이큐터치(jQTouch), 제이쿼리 모바일(jQuery Mobile), 센차터치(Sencha Touch) 등의 웹앱 프레임워크와 티타늄(Titanium), 폰갭(PhoneGap), 앱스프레소(Appspresso) 등의 하이브리드 앱 프레임워크가 많은 인기를 얻었습니다. 하이브리드 앱 프레임워크의 경우 HTML5, CSS3, 자바스크립트 등 이미 익숙한 표준 웹 기술을 사용해 완벽한 네이티브 앱을 만들 수 있는 폰갭이 가장 많은 사랑을 받는 듯합니다. 폰갭은 오픈소스이며, 7개의 모바일 플랫폼을 지원하고, 네이티브 API 접근이 가능하며, 플러그인을 통한 확장을 지원합니다.

한마디로, 웹으로 개발해 네이티브 앱을 만든다는 말인데, 이 경우 웹 표준, 모바일 브라우저, 모바일 OS, 각종 라이브러리 등의 빠른 발전으로 인해 개발도 개발이지만, 개발 환경 구성과 플랫폼 특성에 따른 설정과 개발 기법 등이 개발자에게 주된 장애물입니다. 이 책은 폰갭을 사용해 진정한 크로스플랫폼 앱을 만드는 데 필요한 사항들을 모두 설명합니다. 그러나 워낙 빠르게 발전하는 분야인지라 이 책을 번역할 당시에도 이미 원서에서의 상황과는 다소 달라져 있었으며, 지금 이 책을 볼 때에는 또다시 달라진 부분이 생겼을 것입니다. 하지만 이 책의 내용을 바탕으로 그런 달라진 부분을 스스로 해결하는 데는 큰 문제가 없을 것으로 생각되며, 에이콘 홈페이지를 통해 저와 여러분이 함께 극복해 갈 수 있다고 믿습니다.

여러분은 항상 최신 버전의 소프트웨어를 사용하기 바라며, 다만 참고로 제가 기준으로 삼은 주요 소프트웨어의 버전은 다음과 같습니다.

o 맥 OS X 10.7.2
o 사파리 5.1.2
o 폰갭 1.2.0
o 엑스코드 4.2(with iOS SDK 5.0)
o 안드로이드 SDK r15
o 블랙베리 웹웍스 2.1.1.38
o XUI 2.3.2
o 머스테쉬(Mustache) 0.5
o 아이스크롤(iScroll) 4.1.9
o 시내트라(Sinatra) 1.3.2

원서와는 다른 버전을 기준으로 번역을 진행함에 따라 원서의 내용뿐만 아니라 예제 코드도 변경된 부분들이 많습니다. 한국어판에 맞는 완성된 소스코드는 반드시 에이콘 홈페이지에서 다운로드하시기 바랍니다. 이 책 『Phonegap 한국어판』의 도서 정보는 http://www.acornpub.co.kr/book/phonegap에서 확인하실 수 있습니다. 이 책의 예제 검증과 문제 해결에 도움을 주신 문혁찬 님께 감사드립니다.

이 책과 함께 폰갭으로 여러분의 모바일 개발에 날개를 달 수 있기를 바랍니다.

<저자 서문>
이 책 『Phonegap 한국어판』에서는 모바일 애플리케이션 개발을 위한 오픈소스이며 크로스플랫폼 프레임워크인 폰갭을 소개한다. 폰갭을 사용하면 HTML, CSS, 자바스크립트 같은 이미 보유한 웹 개발 기술을 활용해, 하나의 기반 코드로 iOS, 안드로이드, 블랙베리 등 다수의 플랫폼을 위한 네이티브 애플리케이션을 개발할 수 있다. 폰갭을 사용하면 웹 사이트를 개발할 때 얻을 수 있는 이점, 예컨대 다양한 고객에게 배포할 수 있는 동일한 이점을 그대로 얻을 수 있다.

 

<옮긴이의 말>
최근 2~3년 사이 모바일 앱은 네이티브 앱(Native App)에서 웹앱(Web App)으로, 그리고 하이브리드 앱(Hybrid App)으로 경향이 바뀌어감을 느낍니다. 특히 2011년은 제이큐터치(jQTouch), 제이쿼리 모바일(jQuery Mobile), 센차터치(Sencha Touch) 등의 웹앱 프레임워크와 티타늄(Titanium), 폰갭(PhoneGap), 앱스프레소(Appspresso) 등의 하이브리드 앱 프레임워크가 많은 인기를 얻었습니다. 하이브리드 앱 프레임워크의 경우 HTML5, CSS3, 자바스크립트 등 이미 익숙한 표준 웹 기술을 사용해 완벽한 네이티브 앱을 만들 수 있는 폰갭이 가장 많은 사랑을 받는 듯합니다. 폰갭은 오픈소스이며, 7개의 모바일 플랫폼을 지원하고, 네이티브 API 접근이 가능하며, 플러그인을 통한 확장을 지원합니다.

 

한마디로, 웹으로 개발해 네이티브 앱을 만든다는 말인데, 이 경우 웹 표준, 모바일 브라우저, 모바일 OS, 각종 라이브러리 등의 빠른 발전으로 인해 개발도 개발이지만, 개발 환경 구성과 플랫폼 특성에 따른 설정과 개발 기법 등이 개발자에게 주된 장애물입니다. 이 책은 폰갭을 사용해 진정한 크로스플랫폼 앱을 만드는 데 필요한 사항들을 모두 설명합니다. 그러나 워낙 빠르게 발전하는 분야인지라 이 책을 번역할 당시에도 이미 원서에서의 상황과는 다소 달라져 있었으며, 지금 이 책을 볼 때에는 또다시 달라진 부분이 생겼을 것입니다. 하지만 이 책의 내용을 바탕으로 그런 달라진 부분을 스스로 해결하는 데는 큰 문제가 없을 것으로 생각되며, 에이콘 홈페이지를 통해 저와 여러분이 함께 극복해 갈 수 있다고 믿습니다.

 

여러분은 항상 최신 버전의 소프트웨어를 사용하기 바라며, 다만 참고로 제가 기준으로 삼은 주요 소프트웨어의 버전은 다음과 같습니다.

 

• 맥 OS X 10.7.2
• 사파리 5.1.2
• 폰갭 1.2.0
• 엑스코드 4.2(with iOS SDK 5.0)
• 안드로이드 SDK r15
• 블랙베리 웹웍스 2.1.1.38
• XUI 2.3.2
• 머스테쉬(Mustache) 0.5
• 아이스크롤(iScroll) 4.1.9
• 시내트라(Sinatra) 1.3.2

 

원서와는 다른 버전을 기준으로 번역을 진행함에 따라 원서의 내용뿐만 아니라 예제 코드도 변경된 부분들이 많습니다. 한국어판에 맞는 완성된 소스코드는 반드시 에이콘 홈페이지에서 다운로드하시기 바랍니다. 이 책 『Phonegap 한국어판』의 도서 정보는 http://www.acornpub.co.kr/book/phonegap에서 확인하실 수 있습니다. 이 책의 예제 검증과 문제 해결에 도움을 주신 문혁찬 님께 감사드립니다.

 

이 책과 함께 폰갭으로 여러분의 모바일 개발에 날개를 달 수 있기를 바랍니다.