하이브리드 앱 방법론에 대한 생각(jQM,Sencha,Html5)
그냥 제가 이번에 하이브리드 앱을 제작을 하고 나서 생각되는 고민입니다.
과연 제이쿼리 모바일이나, 센차터치 등등의 프레임 웍을 사용해서 실제로
앱을 만들 확률?
일단 제 생각을 얘기해볼게용~
- 폰갭 + jQuery Mobile
단점 :
1. 속도가 느림
2. 페이지 이동시 번쩍거리는 이상 현상, 버전에 따라 다름
3. CSS수정이 어려움
4. 실제로는 플러그인 없이 만들기 힘듬(photoswipe, iscroll)
장점 :
1. 만들기가 편하다
2. 다양한 플러그인 및 자료를 구하기 편하다
- 폰갭 + Sencha Touch
단점 :
1. 속도가 느림 (jQM보다 빠름)
2. 클래스 방식 구성 (처음 접해보는 개발자라면 고생즘 할 만한 방식)
3. 실제로는 플러그인 없이 만들기 힘듬
장점 :
그나마 플랫폼중에서는 제일 빠른듯
- 웹뷰 + jQuery Mobile
단점 :
1. 기본적으로 웹뷰(네이티브 방식) 구현 필요
2. jQM이 가지고 있는 단점 모두 동일, 속도에서만 개선됨
장점 :
1. 폰갭 방식보다 속도가 빠름
2. 그나마 만들기 편함
- 웹뷰 + Html5
단점 :
1. CSS를 무지 잘 다룰줄 알아야 함.
2. 실제로는 플러그인 없이 만들기 힘듬
3. 직접 로딩을 구현해야 됨 (로딩 구현 안 할시 앱스토어에서는 심사 리젝 당할 확률 99%)
장점 :
1. 속도가 가장 빠름
어플 하나 만드는데 방식별로 총 11번의 제작을 했네요.
결국 선택한것은 웹뷰 + Html5/CSS3 + iscroll(이거 없음 핀치 줌 구현 안됨)
다른 분들은 생각이 어떠신가요?
댓글 6개
폰갭 + HTML5 jquery + iscroll 로 다시작성해서 마켓에 올렸습니다. 그나마 좀 낫네요.
iOS도 생각해서 폰갭을 이용했는데 막상 아이폰용은 보류중이네요.
css를 과다하게 사용하거나 DOM이 복잡해지거나 긴 리스트에 css3로 그라데이션을 주거나 하면 속도 저하가 심하네요.
안드로이드에서는 차라리 css sprite로 버튼이나 메뉴, 리스트 꾸미기 등을 처리하는게 속도에 낫다는 생각이드네요
아이폰도 그냥 마켓에 올린대로 하심이 가장 빠를거예요~ 제가 이미 ㅡㅡ;;
해볼만큼 무쟈게 해봤는데 다른 방법은 안되더라구요~ 아는 사람들이나 jquery mobile 책들 보면 무슨 앱을 만들수 있는 것 처럼 써놨는데 실상은 안그렇드라구용~ ㅠ
지금 현재 구현 되어 있는 것 중 bootsrap이 있기는 한데 시도를 안해봐서 잘 모르겠네요.
그냥 지금 제일 좋은 건 그냥 네이티브가 가장 좋고 제이슨이나 엑스엠엘로 통신하게 하는게 제일 빠른듯 합니다.