테스트 사이트 - 개발 중인 베타 버전입니다

하이브리드 앱 방법론에 대한 생각(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개

폰갭 + jQueryMobile => 실패! 너무느림

폰갭 + HTML5 jquery + iscroll 로 다시작성해서 마켓에 올렸습니다. 그나마 좀 낫네요.

iOS도 생각해서 폰갭을 이용했는데 막상 아이폰용은 보류중이네요.

css를 과다하게 사용하거나 DOM이 복잡해지거나 긴 리스트에 css3로 그라데이션을 주거나 하면 속도 저하가 심하네요.

안드로이드에서는 차라리 css sprite로 버튼이나 메뉴, 리스트 꾸미기 등을 처리하는게 속도에 낫다는 생각이드네요
역시 저랑 같은 고민으로 ㅎㅎㅎ 고생이시네요.~
아이폰도 그냥 마켓에 올린대로 하심이 가장 빠를거예요~ 제가 이미 ㅡㅡ;;
해볼만큼 무쟈게 해봤는데 다른 방법은 안되더라구요~ 아는 사람들이나 jquery mobile 책들 보면 무슨 앱을 만들수 있는 것 처럼 써놨는데 실상은 안그렇드라구용~ ㅠ
그래도 한계를 몇번 겪으면 ㅡㅡ;; 실력은 일취월장한다능~
현업에서 네이버 JMC로 만들어보신분 계신가요? jquery 보다는 가볍다고 하는데 아직까지는 레퍼런스가 많지가 않아서 꺼려지네요. 그래도 네이버모바일이 JMC로 만들어져서 한번 도전해보고는 싶습니다^^;;;
말씀하신 것 처럼 하이브리드는 : css+html 혹은 그누보드 쓰면서 하는게 제일 좋은 듯하구요.
지금 현재 구현 되어 있는 것 중 bootsrap이 있기는 한데 시도를 안해봐서 잘 모르겠네요.
그냥 지금 제일 좋은 건 그냥 네이티브가 가장 좋고 제이슨이나 엑스엠엘로 통신하게 하는게 제일 빠른듯 합니다.

게시글 목록

번호 제목
32071
32070
18535
5369
27088
5364
32069
32068
18521
5359
18520
32067
32066
27081
18514
5355
5354
5350
32065
18510
18503
32064
32063
18502
18499
18495
5345
27079
30718
18494
18493
5343
18491
18489
18487
18486
18484
18482
32062
26476
18481
5339
18480
18476
27137
30711
18475
18474
18470
32061
18469
32060
5335
32059
5333
32058
32057
30705
5326
18466
18462
18461
31504
30696
32056
5321
18456
18455
32055
5315
5310
27072
32054
27066
18453
30692
30690
18451
18450
18449
5307
32051
18448
18447
18441
18437
18429
32049
30686
5299
5289
30677
32042
18426
18422
18420
18418
5285
5282
26459