IT/Web Dev | Posted by 철규님(최규철) 2011.05.10 12:18

[jQuery Mobile] 1. Overview of jQuery Mobile

이 글은 jQuery Mobile 공식 홈페이지(http://jquerymobile.com/)의 Docs and Demos를 기반으로 작성되었습니다.
작성일(2011/05/10) 기준 jQuery Mobile의 최종 버전은 jQuery Mobile 1.0 Alpha 4.1입니다.


1. Overview of jQuery Mobile
< jQuery Mobile로 Web application 만들기 >
Written by Gyucheol Choi on 10 MAY 2011
jQuery는 네이티브 어플리케이션과 유사하게 동작하는 웹 어플리케이션을 쉽게 작성할 수 있도록 도와주는 프레임워크입니다. jQuery에서 제공되는 자바 스크립트 라이브러리를 이용해 HTML 문서 생성, 이벤트 처리, 애니메이션 처리, AJAX 인터액션 등을 손쉽게 활용해 웹 어플리케이션을 작성할 수 있습니다.

jQuery Mobile은 모바일 환경에서 동작하는 웹 어플리케이션 개발에 최적화된 모바일 웹 개발 프레임워크 라고 볼 수 있습니다. jQuery를 이용해서 작성한 웹 어플리케이션도 모바일 환경에서 실행이 가능하지만, 모바일 기기의 특성에서 오는 제약사항을 고려하고자 한다면, jQuery Mobile의 선택이 더 올바를 것입니다.

이 글에서는 jQuery Mobile 공식 홈페이지(http://jquerymobile.com/)의 Docs and Demos를 참고로 해서 jQuery Mobile의 특징에 대해서 알아보려 합니다.
Intro to jQuery Mobile
jQuery Mobile은 하나의 어플리케이션이 어떤 스마트폰이나 태블릿PC의 모바일 웹 브라우저에서도 일관성 있는 UI를 가지도록 하는 자바스크립트 라이브러리입니다. 때문에 마이너한 일부 브라우저를 제외하면 jQuery Mobile로 작성된 어플리케이션은 동일한 화면 구성, 또는 사용자의 편의성을 크게 해치지 않는 한도 내에서 적절히 최적화된 화면 구성을 가지게 됩니다. 웹 '어플리케이션'을 목표로 삼은만큼 jQuery Mobile로 작성된 '웹' 어플리케이션은 일반 'PC용' 어플리케이션과 꽤나 비슷한 수준의 사용환경 또한 제공합니다.


다양한 사용 환경에 적절하게 대응하기 위해서 jQurey Mobile은 깔끔하게 정리된 시맨틱 HTML(clean, sementic HTML)을 사용합니다. 장치에서는 이 HTML 파일을 읽어 CSS와 jQuery Mobile 적용 과정을 거쳐서 풍부한(rich and interactive) 사용자 경험을 가진 어플리케이션을 생성합니다.
Key Features
  • jQuery 개발과의 일관성 유지 및 jQuery 개발 유경험자의 쉽고 빠른 적응을 위해 jQuery core를 기반으로 함
  • HTML을 지원하는 대부분의 주요 모바일 플랫폼에서 호환 가능
    - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo 등
  • 성능(속도)를 위해 코드 사이즈를 최소화하고 이미지 사용을 줄임
  • 빠른 개발과 스크립트 사용 최소화를 위해 HTML5 마크업 중심으로 각 페이지와 동작에 대한 설정을 함
  • 가능한한 모든 환경에서 핵심 내용과 기능을 정확하게 전달하고, 최신 플랫폼에서는 일반 어플리케이션과 동일한 사용 환경 제공을 위해 점진적 개선(Progressive enhancement) 방법을 사용
  • 페이지 내의 모든 jQuery Mobile 위젯을 자동으로 초기화하기 위해 HTML5의 data-role 속성을 이용함
  • 다른 보조적인 기능 지원을 위해 다양한 부가 요소가 포함되어 있음
  • 터치, 마우스, 커서를 사용하는 입력 등을 단순한 API로 간단하게 지원하기 위해 새로운 이벤트 사용
  • 터치에 최적화되거나 테마 변경이 가능한 컨트롤 등을 위해 새로운 플러그인 지원
  • 사용 환경을 손쉽게 변경할 수 있도록 테마 기능 지원

Supported platforms


Supported platforms in Alpha 4
Alpha 4가 릴리즈되면서, Windows Phone 7의 지원이 추가되었습니다. 다음의 플랫폼에서는 jQuery Mobile의 기능이 완벽하게 지원되고, 처음 의도한 화면의 구성이 흐트러짐 없이 표현됩니다.

  • Apple iOS 3.1-4.2
  • Android 1.6-2.3
  • Blackberry 6
  • Windows Phone 7
  • Palm WebOS 1.4
  • Opera Mobile 10.1 (Android)
  • Opera Mini 5.02 (Android)
  • Firefox Mobile beta (Android)
Target platform additions for beta
다음 릴리즈에서는 Blackberry 5, Nokia/Symbian을 지원할 계획이라고 합니다. 삼성의 Bada와 MeeGo는 지원하는 폰을 확보하는 대로 테스트 후 공식 지원 리스트에 업데이트 할 예정이라고 합니다. 또한 jQuery Mobile은 jQuery core를 기반으로 하고 있기 때문에 Firefox, Chrome, Safari, Internet Explorer, Opera 등과 같은 PC용 웹 브라우저의 최신 버전에서도 정상적으로 동작합니다.

댓글을 달아 주세요