웹 표준 기술(HTML, CSS, 자바스크립트)만을 사용해 개발된 앱이라는 의미의 ‘웹앱’은 그 용어에서부터 아이폰이나 안드로이드 앱(일명 네이티브앱)을 목표로 하고 있다는 것을 알 수 있다. 웹앱 개발자라면 누구나 네이티브앱이 사용자에게 제공하는 다양한 사용자 경험이 웹앱에서도 동일한 수준으로 제공될 수 있길 바란다. 그것이 가능할까? 현재를 기준으로 한다면 필자의 개인적인 견해로 대략 80% 정도 수준까지는 가능할 것 같다. 그리고 앞으로 이 격차는 점점 더 줄어들 것이 분명하지만 현재의 수준에서도 80% 정도 가깝게 네이티브와 유사한 UX로 웹앱을 개발한다는 것 또한 쉽지 않은 것이 사실이다. 보통 수준의 웹 개발자라면 상당한 수준의 도전과제인 것이 분명하다. 이런 이유에서 알 수 있듯이 개발자들이 모바일 프레임워크에 바라는 것은 좀 더 네이티브 같으면서 매우 쉽고 빠르게 개발하는 것이다. 하지만 대부분의 모바일 프레임워크들은 그 기대를 충분히 만족시키지 못했고 ‘아직은 조금 더 시간이 필요한가’라는 생각을 하게 될 즈음 들려 온 자바스크립트 세계에서 최고의 팀이라고 불러도 손색없을 jQuery팀의 모바일 프레임워크 개발 소식은 정말로 그들의 마음을 들뜨게 만들기에 충분한 사건이었다.

jQueryMobile 개발 발표 이후 얼마 지나지 않아 jQuery Mobile의 UI를 알 수 있는 일러스트 파일이 공개됐다. 이 한 장의 일러스트 이미지로 jQueryMobile에 대한 기대는 더욱 더 확고해진다. (화면 1)은 당시 발표됐던 일러스트 이미지의 일부다. 기존의 프레임워크들과 확연히 다른 모습을 볼 수 있다. 매우 많은 UI 구성 요소를 제공하고 N 스크린 대응 방식을 포함하고 있다. 더욱 놀라운 것은 모바일 디바이스의 범위를 벗어나 데스크톱도 그 범위에 포함시키고 있다는 것이다. 이것이 가능한 이유는 Fixed N 스크린 방식이 아닌 Resizable N 스크린 방식으로 구현됐기 때문이다.
두 번째로 눈여겨 볼 만한 부분은 많은 UI 구성 요소를 제공함에 있어 이미지의 사용을 최소화하겠다는 것이다. 이미지의 사용을 완전히 배제할 수는 없겠지만 지극히 최소화한다는 의미다. 이는 데스크톱과 다르게 제한된 성능을 갖고 있는 모바일 디바이스 상에서 최대한의 성능을 발휘하기 위한 것으로 보인다.

화면 1. jQueryMobile UI

2010년 10월 16일 드디어..

 

 

1. 최고의 웹앱 개발 프레임워크 jQueryMobile UI 및 화면 구성법 II

 

2. 최고의 웹앱 개발 프레임워크 jQueryMobile Forms 및 실전 API

 

3. 최고의 웹앱 개발 프레임워크 jQueryMobile 커스텀 UI