jQueryMobile 오버뷰
최고의 웹앱 개발 프레임워크
지난해 여름 웹앱 개발에 관심이 있는 개발자들에게 깜짝 놀랄 만한 소식이 들려 왔다. jQuery(전세계적으로 가장 유명하고 가장 많이 사용하는 자바스크립트 라이브러리)팀이 모바일 버전을 개발하기로 했다는 소식이었다. 이 소식에 많은 사람들이 흥분했던 이유는 이미 시장에는 자바스크립트 기반의 다양한 모바일 프레임워크(이하 모바일 프레임워크)가 여럿 존재하고 있었지만 다양한 이유로 충분한 만족감을 주지 못하고 있었기 때문이다. 그렇다면 많은 개발자들은 왜 시장에 출시돼 있는 모바일 프레임워크에 만족하지 못했을까? 지금은 개발자들 사이에 일반적으로 많이 쓰이고 있는 ‘웹앱’이라는 용어만 보더라도 개발자들이 모바일 프레임워크에 무엇을 바라는지 쉽게 예상할 수 있다.


웹 표준 기술(HTML, CSS, 자바스크립트)만을 사용해 개발된 앱이라는 의미의 ‘웹앱’은 그 용어에서부터 아이폰이나 안드로이드 앱(일명 네이티브앱)을 목표로 하고 있다는 것을 알 수 있다. 웹앱 개발자라면 누구나 네이티브앱이 사용자에게 제공하는 다양한 사용자 경험이 웹앱에서도 동일한 수준으로 제공될 수 있길 바란다. 그것이 가능할까? 현재를 기준으로 한다면 필자의 개인적인 견해로 대략 80% 정도 수준까지는 가능할 것 같다. 그리고 앞으로 이 격차는 점점 더 줄어들 것이 분명하지만 현재의 수준에서도 80% 정도 가깝게 네이티브와 유사한 UX로 웹앱을 개발한다는 것 또한 쉽지 않은 것이 사실이다. 보통 수준의 웹 개발자라면 상당한 수준의 도전과제인 것이 분명하다. 이런 이유에서 알 수 있듯이 개발자들이 모바일 프레임워크에 바라는 것은 좀 더 네이티브 같으면서 매우 쉽고 빠르게 개발하는 것이다. 하지만 대부분의 모바일 프레임워크들은 그 기대를 충분히 만족시키지 못했고 ‘아직은 조금 더 시간이 필요한가’라는 생각을 하게 될 즈음 들려 온 자바스크립트 세계에서 최고의 팀이라고 불러도 손색없을 jQuery팀의 모바일 프레임워크 개발 소식은 정말로 그들의 마음을 들뜨게 만들기에 충분한 사건이었다.
jQueryMobile의 출사표 jQueryMobile 개발 발표 이후 얼마 지나지 않아 jQuery Mobile의 UI를 알 수 있는 일러스트 파일이 공개됐다. 이 한 장의 일러스트 이미지로 jQueryMobile에 대한 기대는 더욱 더 확고해진다. (화면 1)은 당시 발표됐던 일러스트 이미지의 일부다. 기존의 프레임워크들과 확연히 다른 모습을 볼 수 있다. 매우 많은 UI 구성 요소를 제공하고 N 스크린 대응 방식을 포함하고 있다. 더욱 놀라운 것은 모바일 디바이스의 범위를 벗어나 데스크톱도 그 범위에 포함시키고 있다는 것이다. 이것이 가능한 이유는 Fixed N 스크린 방식이 아닌 Resizable N 스크린 방식으로 구현됐기 때문이다.
두 번째로 눈여겨 볼 만한 부분은 많은 UI 구성 요소를 제공함에 있어 이미지의 사용을 최소화하겠다는 것이다. 이미지의 사용을 완전히 배제할 수는 없겠지만 지극히 최소화한다는 의미다. 이는 데스크톱과 다르게 제한된 성능을 갖고 있는 모바일 디바이스 상에서 최대한의 성능을 발휘하기 위한 것으로 보인다.
화면 1. jQueryMobile UI

jQueryMobile 베일을 벗다 2010년 10월 16일 드디어..


1. 최고의 웹앱 개발 프레임워크 jQueryMobile UI 및 화면 구성법 II
http://www.dbguide.net/knowledge.db?cmd=view&boardUid=150115&boardConfigUid=20&boardStep=&categoryUid=$categoryUid

2. 최고의 웹앱 개발 프레임워크 jQueryMobile Forms 및 실전 API
http://www.dbguide.net/knowledge.db?cmd=view&boardUid=150633&boardConfigUid=20&boardStep=&categoryUid=$categoryUid

3. 최고의 웹앱 개발 프레임워크 jQueryMobile 커스텀 UI
http://www.dbguide.net/knowledge.db?cmd=view&boardUid=151035&boardConfigUid=20&boardStep=&categoryUid=$categoryUid




자료출처 : 한국데이터베이스진흥원
http://www.dbguide.net/knowledge.db?cmd=view&boardUid=149352&boardConfigUid=20

http://www.androidstudy.co.kr/bbs/board.php?bo_table=B42&wr_id=184/출처

[이 게시물은 더어플님에 의해 2016-07-12 15:23:56 개발 꿀팁에서 복사 됨]