여러가지 모바일 어플리케이션 개발을 위한 프레임 워크가 있지만
그중에 인지도 높은 두개의 자바스크립트 프레임워크인
jQuery Mobile 과 Sencah Touch 의 비교 정보 입니다.

자료 : Google Trend

Blue : jQuery Mobile
Red : Sencha Touch

jQuery Mobile

• 웹사이트 : http://jquerymobile.com/
• 개발 방식 : Markup 기반
• 테마 특징 : 테마롤러 도구 지원
• 기반 스크립트 : jQuery 기반
• 지원 기기 : iOS ,Android, BlackBerry, 팜 웹OS, 오페라 모바일, 파이어폭스 모바일 등 다양함.

설명

특징
      1.  jQuery Mobile은 jQuery의 기능에 모바일 플랫폼 기능이 추가된 프레임워크입니다.
      2.  jQuery Mobile은 HTML, CSS, JavaScript만으로 구성되어있으며 HTML 태그로부터 시작합니다.
      3.  마크업 기반으로 기존의 HTML 태그에 HTML5 data-* 속성과 css 클래스를 지정하는 것만으로
           모바일 기반의 UI를 표현할 수 있습니다.
      4.  jQuery Mobile은 W3C( 월드 와이드 웹을 위한 표준) 의 접근성 권고를 따르며
           키보드, 스크린 리더 등과 같은 기기로 Application과 상호작용을 할 수 있습니다.
      5.  jQuery Mobile의 라이브러리는 크기를 최소로 유지하고있습니다.
           라이브러리의 경량화는 네트워크 비용을 절감하고 다운로드 속도를 향상시키는 강점이 있습니다.
      6.  jQuery Mobile은 더욱 빠른 다운로드를 위해 별도의 CDN(Contents Delivery Network) 서비스도 제공합니다.

※ jQuery Mobile 코딩 예

※ jQuery Mobile은 Markup Language로 기존 HTML 개발과 비슷하다.
 

Sencha Touch

• 웹사이트 : http://www.sencha.com/products/touch/
• 개발 방식 : Script 기반
• 테마 특징 : Sass 기반
• 기반 스크립트 : ExtJS 기반
• 지원 기기 : iOS ,Android, BlackBerry OS 6.0 이상

설명
      1.  Sencha Touch는 Mobile Web Application 개발을 위한 JavaScript Framework 입니다.
      2.  Mobile에 최적화된 기능을 탑재하고있으며 폰과 태블릿 기기를 위한 Framework 입니다.
      3.  Sencha Touch는 ExtJS 개발사의 Framework이며 JavaScript, CSS, HTML 등
           순수 웹 기술만으로 네이티브 스타일을 표현할 수 있도록합니다.
      4.  Sencha Touch는 ExtJS를 기반으로 하고 있기 때문에 ExtJS 라이브러리 중심으로 구성되어 있으며
           모바일에 최적화된 기능들이 포함되어 있습니다.
      5.  참고로 국내에서는 멜론(http://t.melon.com)이라는 음악 사이트에 Sencha Touch를 적용했습니다.

특징
      1. Sencha Touch는 다른 프레임워크에 비해
          상당히 방대한 API(1.1버전 - http://dev.sencha.com/deploy/touch/docs)를 자랑합니다.
      2. 객체지향 설계 기법이 적용되어 API가 체계적이고 논리적입니다.
          .Net이나 Java와 같은 객체지향 언어를 다뤄본 경험이 있다면 더 쉽게 접근할 수 있슬 것입니다.
      3. Sencha Touch를 이용한 개발은 대부분 Script 영역에서 이루어집니다.
          jQTouch와 같은 다른 프레임워크는 HTML의 태그요소를 기반으로 동작하지만 Sencha Touch는
          모든 구현을 Ext 기반의 Script로 작성해야합니다.
          물론 ContentEl과 같은 속성을 이용하여 HTML 태그를 사용할 수 있습니다.
          만약 JavaScript의 지식을 갖고 있다면 개발에 큰 도움이 될 것입니다.
      4. Sencha Touch는 HTML5와 CSS3를 지원합니다. 플러그인 없이 멀티미디어 재생이 가능한 Video, Audio 스펙과
          향상된 로컬 저장소를 지원하는 웹 스토리지(Web Storage),
          새로운 폼양식과 같은 HTML5 기능과 CSS3의 기술이 Sencha Touch에 적용되어 있습니다.
      5. Sencha Touch는 모바일 기기의 사용자 Touch action(tap, double tap, swipe, pinch, tap & hold)에
          반응하도록 Touch Event를 지원합니다.
      6. 현재 Sencha Touch는 애플 IOS 기반의 모바일 기기와 구글 안드로이드 기반의
          모바일 기기에서 안전적인 동작을 보장합니다.


※ Sencha Touch 코딩 예

※ Sencha Touch는 ExtJS 기반의 JavaScript로 구성되어 있다.


정리
Mobile Application 개발을 시작하며 Mobile 개발 F/W 특성에대해 잘 모르고 개발 환경이 특정 F/W로
잡혀있기 때문에 별 생각없이 업무를 진행하는 경우가 많습니다.
하지만 왜 jQuery Mobile 사용하는지 왜 Sencha Touch를 사용하는지에 대해
두개의 F/W의 설명과 특성을 조금더 이해하고 
업무를 진행한다면 이해하는 부분에 있어서 분명히 도움이 많이 될것이라고 생각합니다.
개인간의 차이는 있겠지만 우리나라에서 jQuery Mobile F/W를 사용한 Application이 많습니다.
여러가지 이유가 많겟지만 Ui 접근성, 라이브러리 경량화, 기기별 호환성등의 이유로 
Sencha Touch보단 jQuery Mobile을 더 선호한다고 생각합니다.
좀더 여러가지 F/W에 접근해볼수 있는 기회를 만들어 보는것도 좋을것 같습니다.