1.5 완성된 웹앱 솔루션 조합
[break]
웹앱은 "HTML5웹" 솔루션과 "네이티브앱" 솔루션, 그리고 이를 연동하는 "하이브리드 브릿지(Bridge)" 솔루션을 조합해야 합니다.
따라서, 웹앱을 구현하는 솔루션은 매우 다양할 수 있습니다. 그 중 대표적이고 실용적인 솔루션 조합을 소개합니다.
대표적인 웹앱 솔루션들을 모두 조합해 보면, 그림과 같이 정리할 수 있습니다. 물론, 이외에도 티타늄(Titanium), Aptana 등과 같은 솔루션을 활용할 수 있으나 본서의 주제와 너무 벗어나는 방안은 제외하겠습니다.
HTML5로 기본 화면을 만들고, CSS 로 화면을 디자인하며, 기본 자바스크립트로 화면을 동적으로 구현합니다. 이것만으로도 웹 페이지들을 충분히 구현할 수 있습니다. 하지만, 스마트 단말기에서 사용자가 사용하기 편리한 인터페이스를 구현하려면 오랜시간돠 노력을 투자여해야 합니다. 이를 덜어 주는 솔루션이 센타터치(Sencha Touch)와 제이쿼리모바일(jQuery Mobile)입니다. 이 두 솔루션은 모두 자바스크립트를 기반으로 한 프레임웍 솔루션이므로 네이티브 앱 개발자가 아니더라도 쉽게 웹개발자가 사용할 수 있습니다.
또한, 폰갭(PhoneGap)과 같은 하이브리드 브릿지(Hybrid Bridge) 솔루션을 사용하면, HTML5에서는 구현할 수 없지만 네이티브 앱에서만 가능한 스마트 단말기 고유의 솔루션들을 활용할 수 있으며, 자동으로 웹소스를 탐재한 네이티브 앱 프로젝트를 생성할 수 있습니다. 결국, 폰갭을 통하면 완벽한 웹앱 프로젝트 소스를 제공받을 수 있는 장점이 있습니다.
물론, 폰갭없이도 수동으로 네이티브 앱 프로젝트에 웹소스를 탐재하여 웹앱 프로젝트를 만들 수 있습니다.
이렇게 만든 웹앱 프로젝트를 컴파일하고, 패키징과정을 거쳐 웹앱 패키지를 만들어 단말기에 설치하여 실행할 수 있습니다.
[break]
[break]
