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

하이브리드 앱 방법론에 대한 생각(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이 있기는 한데 시도를 안해봐서 잘 모르겠네요.
그냥 지금 제일 좋은 건 그냥 네이티브가 가장 좋고 제이슨이나 엑스엠엘로 통신하게 하는게 제일 빠른듯 합니다.

게시글 목록

번호 제목
32341
32339
32326
32325
32322
32319
32318
32316
32315
32313
32312
32311
32310
32304
32303
32300
32293
32292
32291
32285
32284
32275
32271
32268
32265
32261
32258
32257
32255
32254
32253
32251
32250
32249
32247
32246
32245
32244
32243
32242
32241
32240
32239
32238
32237
32236
32232
32229
32228
32227
32217
32215
32214
32213
32211
32207
32196
32193
32192
32190
32188
32186
32184
32173
32172
32171
32167
32165
32163
32162
32158
32157
32155
32151
32149
32135
32132
32127
32125
32122
32120
32119
32117
32116
32115
32114
32112
32111
32109
32107
32104
32103
32102
32101
32094
32089
20404
31036
8279
8268