HTML5 모바일 앱의 해부학 (Anatomy of a HTML5 Mobile App)

Source

  • Evernote/Technote scraps/pinchzoom » Anatomy of a HTML5 Mobile App.md

Summary

이 문서는 HTML5를 활용한 크로스플랫폼 모바일 앱 개발이 단순한 웹 기술 적용을 넘어선 복잡한 과정임을 강조합니다. 저자는 HTML5가 이론적으로는 가능하지만, 실제 구현을 위해서는 서버 측 디바이스 감지, 오프라인 데이터 동기화 전략, 그리고 HTML5 앱 자체 구축 등 여러 계층의 기술적 준비가 필요하다고 지적합니다. 특히 디바이스 단편화 대응과 오프라인 상태에서의 데이터 처리(캐시 매니페스트 및 RESTful API 활용)가 핵심 과제임을 설명하며, HTML5 모바일 앱 개발을 위한 기술 스택의 로드맵을 제시합니다.

Key Points

  • HTML5 모바일 앱 개발은 단순한 웹 기술 적용이 아닌, 서버, 데이터, 앱 계층을 아우르는 종합적인 기술 스택 구축이 필요합니다.
  • 서버 측 디바이스 감지(Device Detection) 솔루션은 필수적이며, 모든 디바이스를 동일하게 취급하는 것은 복잡한 프로젝트에서 실패할 가능성이 높습니다.
  • 모바일 앱의 상당수가 오프라인 상태에서 실행되므로, 캐시 매니페스트(Cache Manifest)만으로는 부족하며 RESTful API를 통한 데이터 동기화 전략이 필요합니다.
  • HTML5 앱 자체의 코딩은 상대적으로 쉬울 수 있으나, 이를 둘러싼 인프라(데이터 아키텍처, 디바이스 대응) 구축이 개발 난이도를 결정합니다.