[ Hybrid iPhone Application 프로젝트 생성/빌드 가이드 ]

최신 대시코드 버전(3.0)을 기준으로 완전히 아무것도 없는 상황부터 간단한 하이브리드 아이폰 애플리케이션을 시뮬레이터에서 돌리는 것까지 단계별로 안내하는 문서
PDF 바로 보기>>


[ 요약 ]

하이브리드 아이폰 애플리케이션이란 HTML, CSS, 자바스크립 등 웹 기술을 활용한 새로운 형태의 아이폰 애플리케이션으로서 아이폰 상에서 일반 애플리케이션처럼 동작하므로 인터넷 접속이나 서버 파일 없이도 동작한다.

하이브리드 아이폰 애플리케이션으로 개발하면 오브젝티브C나 코코아 프레임워크 개발 경험에 크게 의존하지 않으므로, 애플리케이션 개발 시간을 단축하고 학습 비용을 적게 들일 수 있다.


[ 소개 ]

더 이상 아이폰 애플리케이션 개발을 위해 오브젝티브C부터 헤쳐나갈 필요가 없다. 이미 잘 알려진 웹 개발 도구와 기술인 자바스크립트, HTML, CSS를 그대로 활용할 수 있다. 숙련된 웹과 모바일 애플리케이션 개발자인 리 바니는 이 책에서 퀵커넥트와 폰갭 프레임워크를 활용해 안전하고 고품질이며 모듈화된 하이브리드 아이폰 애플리케이션 개발 방법을 소개한다.

리 바니는 멋진 사용자 인터페이스 작성부터 애플리케이션 컴파일, 배포, 실행에 이르기까지 하이브리드 아이폰 애플리케이션 개발 프로세스 전체를 아울러 설명한다. 그 과정에서 끊김없는 개발, 복잡성 제거, 성능 최적화뿐만 아니라 가속센서, GPS 등 아이폰의 모든 네이티브 기능 활용을 보여주기 위해 다양한 기법과 예제를 제시한다.

이 책에서 다루는 내용
■ 독창적이고 훌륭한 하이브리드 아이폰 애플리케이션 작성을 위한 대시코드와 엑스코드 활용
■ 폰 진동에서 가속센서, GPS 위치 정보 접근에 이르는 다양한 동작을 제공하는 퀵커넥트 자바스크립트 API
■ 폰갭 자바스크립트 API를 사용한 아이폰 네이티브 기능 활용
■ 네트워크 연결 없이도 아이폰에서 데이터 저장, 조회, 관리 기능
■ XMLHttpRequest를 활용해 원격 데이터 동기화와 웹 서비스 접근
■ 아이폰 맵 애플리케이션과 비슷한 구글 기반 맵 기능을 애플리케이션에 내장시키기

이 책은 아이폰 개발의 진입 장벽을 근본적으로 낮춰 주므로, 짧은 개발 주기와 낮은 학습 비용으로도 웹 애플리케이션 개발자가 원하는 대로 아이폰 애플리케이션을 개발할 수 있다!


[ 이 책의 구성 ]

각 장은 두 부분으로 구성된다. 첫 번째 부분은 위치정보 등 어떤 작업에 필요한 기능에 대해 퀵커넥트아이폰(QuickConnectiPhone)과 폰갭(PhoneGap)에서 각각 사용하는 방법을 살펴본다. 두 번째 부분은 자바스크립트 호출 이후 내부적으로 동작하는 코드와 동작 구조에 대해 살펴본다. 프레임워크 코드 구현을 이해함으로써 자바스크립트와 오브젝티브C 코드를 더 깊이 이해할 수 있다.

이 책은 다음과 같이 구성됐다.

● 1장 ‘대시코드와 엑스코드로 개발하기’ 퀵커넥트아이폰과 폰갭으로 아이폰에서 동작하는 멋진 애플리케이션을 빨리 개발하기 위해 사용하는 대시코드와 엑스코드의 사용법을 설명한다. 1장에서는 기본적인 대시코드 사용법과 대시코드 애플리케이션을 엑스코드로 옮겨 컴파일하고 디바이스에서 실행하는 것까지 살펴본다.

● 2장 ‘자바스크립트 모듈성과 아이폰 애플리케이션’ 퀵커넥트아이폰 프레임워크의 모듈성을 활용해 출시까지의 시간을 획기적으로 단축시킬 수 있다. 프론트 컨트롤러, 애플리케이션 컨트롤러, 자바스크립트 리플렉션 기법 등을 설명한다.

● 3장 ‘iPhone 사용자 인터페이스 만들기’ 애플 앱스토어 애플리케이션 배포를 승인받는 방법을 설명한다. 그 방법이란 사용성이 뛰어난 아이폰 애플리케이션 제작 요령이다. 여러 가지 유형의 아이폰 애플리케이션 뿐만 아니라 빠지기 쉬운 함정에 대해서도 설명한다.

● 4장 ‘퀵커넥트로 GPS, 가속센서, 기타 네이티브 기능 활용’ GPS, 가속센서, 디바이스 세부 정보 등을 얻어 오거나, 아이폰을 진동시키고 오디오 파일을 재생/녹음하는 방법에 대해 설명한다. 퀵커넥트아이폰 프레임워크를 사용하면 이와 같은 디바이스 동작을 조작하거나 사용할 수 있다. 이런 기능으로 네이티브 애플리케이션과 같은 수준의 즐거운 사용자 경험을 만들어낸다.

● 5장 ‘폰갭으로 GPS, 가속센서, 기타 네이티브 기능 활용’ GPS, 가속센서, 디바이스 세부 정보 등을 얻어 오거나, 아이폰을 진동시키고 오디오 파일을 재생/녹음하는 방법에 대해 설명한다. 폰갭 프레임워크를 사용하면 이와 같은 디바이스 동작을 조작하거나 사용할 수 있다. 이런 기능으로 네이티브 애플리케이션과 같은 수준의 즐거운 사용자 경험을 만들어낸다.

● 6장 ‘구글 맵 내장’ 퀵커넥트아이폰으로 애플리케이션 내에 구글 맵을 내장시키는 방법을 설명한다. 맵은 가장 널리 사용되는 기능 중 하나인데, 맵 기능 때문에 기본 맵 애플리케이션으로 사용자를 보내버릴 필요가 없다!

● 7장 ‘데이터베이스 접근’ 퀵커넥트아이폰으로 작성한 애플리케이션에서 내장된 SQLite 데이터베이스에 정보를 저장하고 읽어오는 방법을 설명한다. 미리 데이터를 넣어둔 데이터베이스를 새 애플리케이션과 함께 배포하고 싶은가? 7장을 참고하라.

● 8장 ‘원격 데이터 접근’ 설치된 애플리케이션 내에서 원격 서버나 서비스의 데이터를 쉽게 활용할 수 있도록 해주는 래퍼 라이브러리를 설명한다. 온라인 블로그에서 데이터를 가져오거나 트위터 피드와 데이터를 합쳐서 보여주는 등의 기능이 필요하다면 퀵커넥트아이폰의 원격 데이터 접근 모듈로 간단히 구현할 수 있다.
부록으로는 다음과 같은 내용을 포함한다.

● 부록 A ‘JSON 기초’ 자바스크립트 객체 표기법(JSON, JavaScript Object Notation)에 대해 간략히 소개한다. JSON은 데이터 전달을 위해 가장 널리 쓰이고 있으며, 사용법도 간단하다.

● 부록 B ‘퀵커넥트패밀리 개발 로드맵’ 아이폰뿐만 아니라 구글 안드로이드, 노키아, 블랙베리 등의 모바일 플랫폼과 맥OS X, 리눅스, 윈도우 등의 데스크탑까지 커버하는 애플리케이션 플랫폼의 성장 계획을 보여준다.

● 부록 C ‘폰갭 개발 로드맵’ 폰갭의 향후 성장 계획을 보여준다. 아이폰 뿐만 아니라 구글 안드로이드, 노키아, 블랙베리 등의 모바일 플랫폼과 맥OS X, 리눅스, 윈도우 등의 데스크탑까지 커버하는 애플리케이션 개발을 생각한다면 부록 C를 참고하라.

하이브리드 애플리케이션 개발 도구
이 책에서는 아이폰이나 아이팟 터치 디바이스 애플리케이션 개발에서 인기를 얻고 있는 자바스크립트 소프트웨어 패키지인 퀵커넥트아이폰(QuickConnectiPhone)과 폰갭(PhoneGap)을 다룬다. 두 프레임워크를 활용하면 진동이나 GPS 위치 정보, 가속센서 등의 디바이스 네이티브 기능을 자바스크립트에서 직접 접근할 수 있다. 오브젝티브C나 코코아 코드는 전혀 사용하지 않는다.

[ 저자 소개 ]

리 바니
리 바니(아이다호, 렉스버그)는 브리감 영 대학교 아이다호 캠퍼스의 경영통신대학에 속한 컴퓨터정보기술학부 교수다. 가정 의료 산업에서 웹 기반, 모바일 데이터, 일정관리 애플리케이션을 개발하는 @HomeSoftware의 CIO 겸 CTO로도 일하고 있다. 이전에는 반도체 산업의 계획관리 소프트웨어 선두주자인 AutoSimulations에서 7년간 프로그래머, 선임 소프트웨어 엔지니어, 품질 보증 관리자, 개발 관리자, 프로젝트 관리자로 일했다. 『오라클 데이터베이스 AJAX & PHP 웹 애플리케이션 개발』의 저자이기도 하다.


[ 옮긴이의 말 ]

원래 예전부터 애플 제품을 추종(?)해오긴 했지만, 아이폰은 내게 두 번의 큰 감동을 안겨줬다. 물론 팜과 뉴턴 이후 인터넷 시대에 걸맞는 모바일 디바이스를 기다리던 사람이라면 누구나 같은 감동을 느꼈겠지만, 친구들과 모바일 시대를 꿈꾸며 모바일 소프트웨어 회사를 차려 작은 사무실에서 버텨보다가 좌절했던 내에게는 조금은 의미가 특별했다.

첫 번째는 아이폰과 터치 초기 모델에서 모바일 사파리의 등장이다. PC 동급 스펙의 웹 브라우저와 쿼티 키보드로 웹의 항해권을 이동통신사가 아닌 사용자에게 돌려줬다. 지금에 비해 버그도 많고 안정성도 많이 뒤떨어지긴 했지만, 기존 사이트와 아이폰 전용 사이트를 넘나드는 멋진 모바일 웹 애플리케이션을 개발할 수 있었다. 물론 이 부분은 우리나라만 유난히 폐쇄적인 부분이었고 아이폰 출시 계획이 전혀 없던 우리나라에는 조금도 영향을 주지 못했다. 하지만 스마트폰이라고 불리면서도 시장을 조금도 만들어내지 못한 포켓IE나, 서버사이드 렌더링에 의존하던 기형적인 폰브라우징에 비하면 손에 잡히는 무언가가 생긴 것만으로도 너무나 기뻤다.

두 번째는 아이폰OS SDK의 등장이다. 창의적인 애플리케이션을 마음껏 개발할 권한을 이동통신사가 아닌 개발자에게 돌려줬다! 기존의 주요 모바일 SDK는 발주자인 이동통신사의 눈치를 보느라 모바일 환경에서 의미 있는 핵심 API는 접근 제한을 걸거나 이동통신사 확장 API의 형태로 제공됐다. J2ME, 퀄컴 브루, 윈도우 모바일 등 가장 영향력 있는 업체들조차도 예외는 없었다. 해외진출을 목표로 한다던 WIPI는 통일된 API를 만들어놓고도 라이브러리 사용 권한 제한에 상당한 노력을 들이고, 최종 컴파일 권한까지 이통사에 부여했을 정도다. 모바일 애플리케이션 개발사는 애플리케이션 개발보다는 애플리케이션 제안과 API 사용 승인에 목숨을 걸어야 했다. 해외진출은 에이전트를 통하지 않고는 불가능이나 다름없었다(물론 내 능력이 부족한 탓도 있었을 게다. 개발 이외의 부분까지 척척 해내는 분들이 부러울 뿐이다).

이렇게도 공고해 보이던 권력구조를 깨 준 것이 애플이라니! 전 세계 이통사를 막론하고 개발만 해서 올리라는 스티브 잡스의 발표는 개발자에게 구세주나 다를 바 없었다. 나는 이미 모바일 업계를 떠난지라 아이폰 사용자로 만족하며 살고 있지만, 지금까지 가로막혀 있던 창의성을 늦게나마 세계로 펼쳐나가는 국내 개발자 분들을 보면서 안도와 희망을 느낀다. 결국 모바일 웹과 모바일 애플리케이션의 자유는 아이폰이라는 형태로 나타났으며, 이제 아이폰 이외의 디바이스도 이 물결에 올라타지 못하면 도태될 것이다.

서론이 길었지만 강조하고 싶은 내용은 아이폰 SDK로 만든 네이티브 애플리케이션이 항상 최선의 아이폰 애플리케이션은 아니라는 점이다. 아이폰 SDK라는 두번째 혁명 이전에는 이미 모바일 사파리라는 첫 번째 혁명이 있었다. 국내 아이폰 도입이 늦다보니 아이폰 SDK 기반의 애플리케이션만 주목 받는 측면이 있다. 하지만 아이폰 애플리케이션의 한 축은 분명히 모바일 웹 애플리케이션이다. 아이폰 이후 경쟁적으로 나타날 스마트폰을 포용하려면 더더욱 그렇다.

이 책은 모바일 사파리 기반의 웹 기술을 활용한 아이폰 애플리케이션 개발서적이다. 기본적으로는 아이폰 애플리케이션 개발의 진입장벽을 낮추고 기존의 웹 기술을 활용하는 것이 목적이다. 단순히 애플리케이션을 빨리 개발하자는 관점만 강조한다면 기존 네이티브 애플리케이션보다 경쟁력이 떨어지는 애플리케이션이 될 위험도 있다. 하지만 하루가 다르게 바뀌는 모바일 시장에서 빠른 프로토타이핑과 릴리스를 통해 시장에 진입하는 것도 매우 중요한 일이다.

더구나 아이폰 애플리케이션의 두 축은 사파리 웹 애플리케이션과 네이티브 애플리케이션이며, 이 책에서 설명하는 아이디어를 기반으로 모바일 웹과 애플리케이션을 융화시킨 모델이 성공적인 애플리케이션의 일반적인 형태가 될 것이다. 퀵커넥트와 폰갭은 아직 한창 개발 중인 프레임워크이고 관련 개념은 더 성숙한 형태로 발전하겠지만 이러한 발전에 국내 개발자들도 함께했으면 하는 마음에 하루라도 빨리 번역해서 소개하고 싶었다. 당장은 자바스크립트로 애플리케이션을 찍어내는 용도로 사용하더라도 길게는 모바일과 웹 융합 애플리케이션에서 앞서가길 바라기 때문이다. 두 가지 상반된 목표가 있다 보니 매우 얇은 책인데도 가장 번역하기 힘들었던 책이기도 하다. 내 자그마한 바람이 모바일 애플리케이션 개발자 분들에게 도움이 되길 바란다.


[ 옮긴이 소개 ]

양석호
KAIST 전산과를 졸업하고 웹, 모바일, 임베디드, 자바 GUI 애플리케이션 등 다양한 프로젝트를 수행했으며 현재는 네이버 재팬에서 일본 검색서비스 개발에 참여하고 있다. 에이콘 이클립스 프로페셔널 시리즈 에디터를 맡아 『이클립스 RCP』, 『실전 이클립스 플러그인 개발』을 번역하는 등 이클립스 관련서를 독자들에게 소개했다. 재작년 도쿄에서 아이폰을 구매한 이후로 아이폰 없이는 생활이 곤란함을 느끼고 있으며, 웹/모바일 서비스를 융합해 통일된 사용자 경험을 제공하기 위해 노력하고 있다.

목차

• 1장. 대시코드와 엑스코드로 개발하기
  • 1.1 | 대시코드와 사용자정의 퀵커넥트 템플릿
  • 1.2 | 엑스코드와 사용자 정의 퀵커넥트 템플릿
  • 1.3 | 엑스코드와 사용자정의 폰갭 템플릿 사용하기
  • 1.4 | 오브젝티브C 기초
  • 1.5 | 오브젝티브C 퀵커넥트아이폰 애플리케이션 구조
  • 1.6 | 오브젝티브C 폰갭 애플리케이션 구조
  • 1.7 | 웹 컨텐트 내장: 퀵커넥트아이폰
  • 1.8 | 웹 컨텐트 내장: 폰갭
  • 1.9 | 요약
    
• 2장. 자바스크립트 모듈성과 아이폰 애플리케이션
  • 2.1 | 모듈성
  • 2.2 | 퀵커넥트 자바스크립트 프레임워크 - 모듈성 예제
  • 2.3 | 모듈화 설계를 적용한 퀵커넥트아이폰 구현
  • 2.4 | 비즈니스/뷰 애플리케이션 컨트롤러 구현
  • 2.5 | 에러 애플리케이션 컨트롤러 구현
  • 2.6 | 애플리케이션 기능 작성 단계
  • 2.7 | 요약
    
• 3장. 아이폰 사용자 인터페이스 작성
  • 3.1 | 애플 휴먼 인터페이스 가이드
  • 3.2 | 리스트 기반, 브라우저 기반 인터페이스
  • 2.3 | 비리스트 기반 뷰 애플리케이션
  • 3.4 | 몰입형 애플리케이션
  • 3.5 | 사용자 정의 CSS 변환 작성과 사용
  • 3.6 | 드래그앤드롭/확대축소/회전 모듈 작성과 사용
  • 3.7 | 요약
    
• 4장. 퀵커넥트로 GPS, 가속센서, 기타 네이티브 기능 활용
  • 4.1 | 자바스크립트 디바이스 활성화
  • 4.2 | 오브젝티브C 디바이스 활성화
  • 4.3 | 퀵커넥트아이폰 아키텍처의 오브젝티브C 구현
  • 4.4 | 요약
    
• 5장. 폰갭으로 GPS, 가속센서, 기타 네이티브 기능 활용
  • 5.1 | 자바스크립트 디바이스 활성화
  • 5.2 | 오브젝티브C 디바이스 활성화
  • 5.3 | 요약
    
• 6장. 구글 맵 내장
  • 6.1 | 퀵커넥트 자바스크립트 애플리케이션에서 맵 출력하기
  • 6.2 | 퀵커넥트 맵 모듈의 오브젝티브C 구현
  • 6.3 | 요약
    
• 7장. 데이터베이스 접근
  • 7.1 | BrowserDBAccess 예제 애플리케이션
  • 7.2 | WebView SQLite 데이터베이스 사용
  • 7.3 | 네이티브 SQLite 데이터베이스 사용하기
  • 7.4 | 웹킷 엔진 데이터베이스 접근용 DataAccessObject 분석
  • 7.5 | 네이티브 데이터베이스 접근용 DataAccessObject 분석
  • 7.6 | 요약
    
• 8장. 원격 데이터베이스 접근
  • 8.1 | BrowserAJAXAccess 예제 애플리케이션
  • 8.2 | ServerAccessObject 사용하기
  • 8.3 | ServerAccessObject
  • 8.4 | 보안 컨트롤러 함수
  • 8.5 | 요약
    
• 부록 A. JSON 기초
  • A.1 | 배경지식
  • A.2 | JSON 자바스크립트 API
  • A.3 | 요약
    
• 부록 B. 퀵커넥트 패밀리 개발 로드맵