하이브리드 앱 방법론에 대한 생각(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이 있기는 한데 시도를 안해봐서 잘 모르겠네요.
그냥 지금 제일 좋은 건 그냥 네이티브가 가장 좋고 제이슨이나 엑스엠엘로 통신하게 하는게 제일 빠른듯 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 32071 | |
| 32070 | |
| 18535 |
JavaScript
ajax 그리드 문의
1
|
| 5369 | |
| 27088 | |
| 5364 | |
| 32069 | |
| 32068 | |
| 18521 |
jQuery
jquery 속도 높이는 팁
13
|
| 5359 | |
| 18520 |
jQuery
Easing Functions Cheat Sheet
|
| 32067 | |
| 32066 | |
| 27081 | |
| 18514 | |
| 5355 | |
| 5354 | |
| 5350 | |
| 32065 | |
| 18510 | |
| 18503 |
jQuery
좌우 슬라이드메뉴와 상하 슬라이드 메뉴
6
|
| 32064 | |
| 32063 | |
| 18502 | |
| 18499 | |
| 18495 | |
| 5345 | |
| 27079 | |
| 30718 | |
| 18494 | |
| 18493 | |
| 5343 | |
| 18491 | |
| 18489 | |
| 18487 |
Mobile
모바일 웹 개발에 큰 도움이 되는 피모 브라우저
1
|
| 18486 |
PHP
간단한 쿠폰번호 생성
|
| 18484 |
PHP
xml 파싱 예제
1
|
| 18482 |
PHP
eval
1
|
| 32062 | |
| 26476 |
제안서
제안서 유용한 도형
13
|
| 18481 |
jQuery
롤오버+슬라이드 질문드립니다.
|
| 5339 | |
| 18480 |
jQuery
jQuery path plugin
|
| 18476 |
JavaScript
아이폰일때 상단 검색바 숨기기
3
|
| 27137 | |
| 30711 | |
| 18475 | |
| 18474 | |
| 18470 | |
| 32061 | |
| 18469 | |
| 32060 | |
| 5335 | |
| 32059 | |
| 5333 | |
| 32058 |
센스리더
센스리더의 메뉴 구성 - 7. 도움말
|
| 32057 |
센스리더
센스리더의 메뉴 구성 - 6. 보기
|
| 30705 | |
| 5326 | |
| 18466 | |
| 18462 |
JavaScript
모바일웹 이미지맵 사용 소스
3
|
| 18461 |
JavaScript
[복사하기] 버튼 자료~
|
| 31504 | |
| 30696 | |
| 32056 |
센스리더
센스리더의 메뉴 구성 - 5. 점자
|
| 5321 | |
| 18456 |
PHP
php 동영상 강좌
4
|
| 18455 |
jQuery
array toggle
|
| 32055 |
센스리더
센스리더의 메뉴 구성 - 4. 도구
|
| 5315 | |
| 5310 |
MySQL
필드순서 바꾸는 명령 있을까요?
4
|
| 27072 | |
| 32054 | |
| 27066 | |
| 18453 | |
| 30692 |
HTML
IE6 PNG 초 간단하게 적용
3
|
| 30690 | |
| 18451 | |
| 18450 | |
| 18449 | |
| 5307 | |
| 32051 | |
| 18448 | |
| 18447 | |
| 18441 |
jQuery
참고사이트 모음
5
|
| 18437 | |
| 18429 | |
| 32049 | |
| 30686 | |
| 5299 | |
| 5289 | |
| 30677 | |
| 32042 |
센스리더
센스리더에서 사용되는 개념들
6
|
| 18426 | |
| 18422 | |
| 18420 | |
| 18418 | |
| 5285 | |
| 5282 | |
| 26459 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기