반응형
Mobile UI Framework
웹 어플리케이션을 실제 모바일 디바이스의 Native 어플리케이션처럼 보여주도록 함
다양한 운영체제에 따라 별도로 개발하는 수고를 줄여줌
JQueryMobile이 배우기도 쉽고 많이 쓰인다고 하는데 아직 알파 버전이고 손으로 화면을 넘기는 효과같은 부분은 돼긴 하지만 힘들다고 한다. 장기적으로 볼 때는 Sencha Touch가 좋지 않을까 한다.
Mobile UI Framework의 대표적인 종류
- JQTouch - 2010년에 대세였지만 하락세
- JQuery Mobile - 2011년에 많이 떠오름, 그러나 버그 투성
- Sencha Touch - 상당히 좋음
- Jo
HTML Markup 기반 | Javascript 기반 |
---|---|
* 기존 웹 개발과 유사하며 직관적 | * HTML Markup을 최소화 * 프레임웍에서 제공하는 Javascript API를 이용하여 개발 |
* JQTouch, JQuery Mobile | * Sencha, JO |
JQuery Mobile
Web Javascript Library중 가장 유명한 jQuery Library의 Mobile 버전
jQuery Library 제작자가 직접 참여하여 제작한 Mobile Library
jQuery Download : http://docs.jquery.com/Downloading_jQuery
jQuery Mobile Download : http://jquerymobile.com/download/
JQTouch
JQuery Library의 plugin격으로 모바일을 위한 Library
jQuery Library 제작자와는 관계없이 독자적으로 작성된 Library
Download : http://jqtouch.com/
장점 | 단점 |
---|---|
* 다양한 종류의 모바일 운영체제, 웹 브라우저 지원 * 기존 jQuery Library와 통합 * 훌륭한 문서와 데모, 예제 제공 * 경량(12k) * HTML 마크업 기반 작성 * Plugin 제공 |
* 현재 (2011.6)정식버전이 출시되지 않음 * 알파버전 |
JQTouch
JQuery Library의 plugin격으로 모바일을 위한 Library
jQuery Library 제작자와는 관계없이 독자적으로 작성된 Library
Download : http://jqtouch.com/
장점 | 단점 |
---|---|
* 다양한 종류의 모바일 운영체제, 웹 브라우저 지원 * 다른 Library들에 비해 사용이 쉽다. |
* jQuery Library에 의존적 * iOS에서는 모든 기능이 정상 작동하나 안드로이드에서는 일부 기능(Animation 등)이 작동하지 않음 |
Sencha Touch
Touch기반 디바이스를 위한 Web Application제작을 위한 Javascript framework
Download : http://www.sencha.com/products/touch/
장점 | 단점 |
---|---|
* 다양한 종류의 모바일 운영체제, 웹 브라우저 지원 * 매우 훌륭한 Touch Event 처리 지원 * 거의 모든 UI를 내장 * 현존 Mobile UI Framework중 가장 높은 UI를 제공 |
* 대부분 javascript로 생성 * 다른 ui framework에 비해 크기가 무겁다 * License에 주의해야 함, 구매해야함 |
Jo
Web Application제작을 위한 Javascript framework
Download : http://www.joapp.com/
장점 | 단점 |
---|---|
* 다양한 종류의 모바일 운영체제, 웹 브라우저 지원 * 다양한 Event 처리를 지원 * PhoneGap 연동이 가능 |
* 대부분 javascript로 생성 |
유명한 Zepto에서 만듬
Mobile Webkit Browser를 위한 초경량 Javascript Library
jQuery와 호환하는 문법
Open SOurce(MIT License) - iOS 4+, Android 2.2+, webOS 1.4.5+
Download : http://zeptojs.com/
반응형
'Devlopment > Mobile' 카테고리의 다른 글
Android 진동 다루기 (0) | 2011.06.22 |
---|---|
Android Camera (0) | 2011.06.22 |
Android Drawing (0) | 2011.06.21 |
안드로이드 OS Version 및 이름 (0) | 2011.06.20 |
Eclipse에서 안드로이드 개발시 Device가 안 잡힐 경우 (0) | 2011.06.17 |
Mobile Browser Header 분석 (0) | 2011.06.16 |
jQuery Mobile 기본 코딩 (0) | 2011.06.16 |
Hybrid App (0) | 2011.06.16 |
Mobile UI/UX Guideline (0) | 2011.06.15 |
App 개발 환경 (0) | 2011.06.13 |