1. jQuery Mobile이란 무엇인가?

2013. 1. 9. 16:30Mobile Web App/jQuery Mobile



반응형

1. jQuery Mobile 소개

jQuery Mobile은 Mobile Web Application 개발을 위한 JavaScript Framework 입니다. jQuery Mobile은 기존의 jQuery 진영에서 직접 개발한 Framework로 네이티브 수준의 모바일웹앱을 개발하기 위한 각종 UI 컨트롤과 Event 처리, 애니메이션 효과 및 자동 네비게이션, Ajax 통신 등 Mobile에 최적화된 기능을 포함하고 있습니다.


2. 특징

jQuery Mobile은 jQuery의 기능에 모바일 플랫폼 기능이 추가된 프레임워크입니다. jQuery Mobile은 HTML, CSS, JavaScript만으로 구성되어있으며 HTML 태그로부터 시작합니다. 기존의 HTML 태그에 HTML5 data-* 속성과 css 클래스를 지정하는 것만으로 모바일 기반의 UI를 표현할 수 있습니다.(Markup 기반)

jQuery Mobile은 W3C의 접근성 권고를 따르며 키보드, 스크린 리더 등과 같은 기기로 Application과 상호작용을 할 수 있습니다.

jQuery Mobile의 라이브러리는 크기를 최소로 유지하고있습니다. 라이브러리의 경량화는 네트워크 비용을 절감하고 다운로드 속도를 향상시키는 강점이 있습니다. jQuery Mobile은 더욱 빠른 다운로드를 위해 별도의 CDN(Contents Delivery Network) 서비스도 제공합니다.

현재 지원되는 기기는 iOS 기반  모바일기기, Android 기반 모바일기기, Blackberry 6, Palm WebOS, Android 기반의 Opera Mobile(10.1), Opera Mini(5.02), Firefox Mobile(beta)가 있습니다. Window Phone7, Blackberry 5, Nokia/Symbian 와 같은 기기는 앞으로 추가 지원할 예정입니다. 구체적인 브라우저 지원 현황은 http://jquerymobile.com/gbs/ 에서 확인할 수 있습니다.


3. 모바일웹앱 프레임워크 비교

 

 jQTouch(version1, beta2)

jQuery Mobile(alpha 3)

Sencha Touch(1.0) 

 개발 난이도

 낮음  보통

 높음

 표현 자유도

 낮음

 보통

 높음

 개발 방식

 Markup 기반

 Markup 기반

 Script 기반

 테마 특징

 일반 CSS

 테마롤러 도구 지원

 Sass 기반 

 기반 스크립트

 jQuery 기반

 jQuery 기반

 ExtJS 기반 

 라이브러리 용량

 적음  중간   많음 

 최적화 대상

 Phone

 Phone, Tablet PC

 Phone, Tablet PC 

 지원기기

 한정적

 iOS 계열 모바일 기기(Apple)



 다양함
 iOS, Android, Blackberry, 
 팜 웹OS, 오페라모바일, 

 파이어 폭스 모바일 등

 중간
 iOS, Android 계열 모바일,

 Blackberry OS 6.0 이상



 

4. 개인적인 견해

직접  jQuery Mobile 프레임워크를 사용하여 모바일웹앱 개발을 해봤습니다.

모바일웹앱 프레임워크 중 가장 많이 쓰이고 있는 jQuery Mobile을 써보니 역시 타 프레임워크 보다 가볍고(경량화 되었고) UI가 가장  모바일 친화적(Native Style)이라는 느낌을 받았습니다. Sencha Touch framework와 비교를 해본다면, 퍼포먼스, UI, 브라우저/기기별 호환성, 테마, 라이브러리 경량화, 접근성 등 모두 우월하다라고 생각합니다. 국내에서 jQuery Mobile 프레임워크을 사용한 모바일웹앱이 많은 이유는 직접 개발 후 테스트를 해보시면 알게되실겁니다. 모바일웹앱 개발 시 jQuery Mobile 프레임워크를 강력하게 추천합니다.



jQuery Mobile 공식 웹사이트 : http://jquerymobile.com

jQuery Mobile Docs & Demos : http://jquerymobile.com/demos/1.0a3/

jQuery Mobile 포럼 : http://forum.jquerymobile.com/jquery-mobile

jQuery Mobile on Github : http://github.com/jquery/jquery-mobile/

jQuery Mobile test : http://jquerymobile.com/test/

jQuery Gallary : http://www.jqmgallary.com/


참고서적 : 시작하세요! 모바일 웹 개발(작가:박종명, 출판:위키북스, 발매:2011.06.30)

반응형

'Mobile Web App > jQuery Mobile' 카테고리의 다른 글

jQuery Mobile 개발환경 설정  (0) 2013.01.09