하이브리드 앱을 구현하는 기술 - HTML5, 자바스크립트, 코도바(폰갭)로 만드는 안드로이드와 iOS 앱 개발

괜찮다고 말하지만 괜찮지 않은 너와 나, 우리가 안고 사는 우울. 그리고 그 감정이 가져온 마음의 병 우울증. 화제의 채널



이 책은 특정 프레임워크에 종속되지 않고 iOS와 안드로이드용 HTML5 하이브리드 앱 개발을 할 수 있게 도와준다. 폰갭의 오픈소스인 코도바 4 버전을 사용하며, HTML·CSS·자바스크립트에 관한 기본 지식이 있어야 한다.



* 코도바란? 코도바는 폰갭의 기반이 되는 아파치 오픈 소스 소프트웨어다. 코도바는 4.0.0 현재 폰갭과 완벽히 호환된다.



♣ 코도바로 안드로이드와 iOS 등의 멀티 플랫폼을 한 방에 대비하라



하이브리드 앱 개발이란 HTML5와 같은 웹 기술로 앱을 제작하는 개발 기법이다. 하이브리드 앱 개발 기법은 더 간단하게 앱을 개발하고, 원 소스 멀티 플랫폼 지원이 가능하며, 스마트폰 앱 개발 비용과 기간을 줄일 수 있다. 무엇보다도 웹 기술을 이용해서 개발할 수 있으므로 자바나 오브젝티브-C를 모르는 웹 개발자도 스마트폰 앱을 개발할 수 있다는 장점이 있다.



이 책은 하이브리드 앱 개발을 시작하기 위한 기초 지식과 튜토리얼에 머무르지 않고, 스토리지 활용, 모바일 특수 환경 대응, 메모리 측정o절약, 보안, 네이티브 기능 호출 등 HTML·CSS·자바스크립트 관련 고급 기법 및 플랫폼에 따른 특성을 체계적으로 제시한다.



♣ 대상 독자

- 안드로이드, iOS에서 동작하는 하이브리드 앱을 처음 개발하는 사람

- 더 좋은 하이브리드 앱 개발을 위한 각종 노하우를 알고 싶은 사람

- 하이브리드 앱에 관한 전반적인 지식을 얻고, 나아가 하이브리드 앱의 구조를 이해하고 싶은 사람



♣ 각 장에서 다루는 내용



1부 기초편



1장_ HTML5 하이브리드 앱이란

iOS와 안드로이드라는 모바일 플랫폼이 보급되면서 하이브리드 앱이 어떤 배경에서 등장했는

지 설명한다.



2장_ 하이브리드 앱 개발의 기반

하이브리드 앱을 지탱하는 기반과 주변 기술에 관해 설명한다. HTML5 등의 웹 기술과 웹킷Webkit

렌더링 엔진, 안드로이드와 iOS에 관해 설명한다.



3장_ 하이브리드 앱 개발을 위한 프레임워크

하이브리드 앱 개발 프레임워크는 무슨 일을 하는지, 어떤 프레임워크가 있는지 소개한다.



4장_ 코도바를 이용한 앱 개발 흐름

하이브리드 앱 개발 프레임워크 중에서도 가장 인기가 많은 코도바 프레임워크를 이용한 개발

과정을 설명한다. 코도바 설치부터 프로젝트 작성 방법까지 소개한 후, 간단한 앱을 만들어 안

드로이드와 iOS에서 동작을 확인한다. 그리고 코도바 플러그인 설치법과 커스텀 플러그인을

만드는 방법도 설명한다.



2부 실전편



5장_ 더 좋은 앱 개발을 위한 노하우

하이브리드 앱을 개발하기 위한 자세한 기법과 노하우를 소개한다.



6장_ 스토리지

하이브리드 앱에서 이용할 수 있는 스토리지인 로컬 스토리지LocalStorage, 세션 스토리지

SessionStorage, 파일 스토리지FileStorage, WebSQL 데이터베이스, 모바일 Baas를 소개한다.



7장_ 모바일 환경의 특징

모바일 웹 특유의 터치 제스처 이벤트 처리, 디바이스의 방향 뷰포트Viewport 처리에 관해 설명

한다.



8장_ 디버그

하이브리드 앱 내의 HTML·CSS·자바스크립트를 디버그하는 도구와 디버그 기법을 함께 소

개한다.



9장_ 메모리 측정·절약

안드로이드와 iOS의 메모리 관리 모델을 설명하고 앱이 이용하는 메모리 사용량을 측정하는

도구와 그 사용법을 설명한다. 그리고 메모리를 절약하는 방법도 함께 소개한다.



10장_ HTML5 하이브리드 앱 보안

하이브리드 앱의 보안을 위한 지식을 설명한다. 하이브리드 앱 개발자가 알아둬야 하는 안드로

이드 iOS의 보안 모델과 현재 확인된 WebView 관련 취약성과 그 대처법을 소개한다.



11장_ 자바스크립트와 네이티브의 브릿지

웹 애플리케이션에서는 호출할 수 없는 단말기의 기능을 하이브리드 앱이 호출할 수 있는 이유

는 코도바 등의 프레임워크가 자바스크립트와 네이티브의 브릿지를 제공하기 때문이다. 이 브

릿지의 구조를 설명한다.



12장_ WebView로 HTML5 하이브리드 앱 개발하기

프레임워크를 전혀 이용하지 않고 WebView로 안드로이드와 iOS에서 동작하는 하이브리드

앱을 개발하는 코드를 소개한다.