하이브리드 앱 방법론에 대한 생각(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이 있기는 한데 시도를 안해봐서 잘 모르겠네요.
그냥 지금 제일 좋은 건 그냥 네이티브가 가장 좋고 제이슨이나 엑스엠엘로 통신하게 하는게 제일 빠른듯 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 8265 | |
| 20403 | |
| 20402 | |
| 20401 | |
| 20400 |
웹서버
서버 동시접속자 설정 변경하기
|
| 8259 | |
| 20399 | |
| 20398 | |
| 8255 | |
| 8249 | |
| 8246 | |
| 8242 | |
| 20396 | |
| 8240 | |
| 20395 | |
| 20394 |
MySQL
테이블 복사 쿼리
|
| 31033 | |
| 28385 | |
| 20393 |
PHP
현재 접속중인 사용자 나타내기
|
| 28380 | |
| 20392 |
MySQL
mysql select 후 update 하기
|
| 28377 | |
| 20391 | |
| 20390 |
PHP
한글문자열 자르는 법 입니다.
|
| 20389 | |
| 20388 | |
| 20387 |
PHP
이메일주소 검사하기 입니다.
|
| 20386 | |
| 20385 | |
| 20384 |
node.js
Node js 게시판 프로젝트 소개합니다.
|
| 20383 |
PHP
pc 모바일 체크
1
|
| 20382 |
PHP
계정 사용량(용량) 확인
|
| 8238 | |
| 20380 | |
| 20379 |
MySQL
소수점 반올림 버림
|
| 28376 | |
| 28372 | |
| 20378 | |
| 20377 |
PHP
에러 로그파일 생성하기
|
| 8235 | |
| 20375 | |
| 20374 | |
| 20373 |
PHP
후이즈검색 하기 입니다.
|
| 20372 |
PHP
그래프 그리기 입니다.
|
| 20371 |
JavaScript
자바스크립트로 구현한 number_format() 입니다.
|
| 20370 |
JavaScript
금액 관련 숫자를 한글로 변환하기 입니다.
|
| 28370 | |
| 20369 |
PHP
PHP 날짜 계산 관련 함수
|
| 28366 | |
| 20368 |
jQuery
jQuery 1.x와 2.x 버전 동시에 사용하기
|
| 20367 | |
| 20366 | |
| 20365 |
JavaScript
사업자 등록번호 검사하기 입니다.
|
| 20364 | |
| 20363 |
JavaScript
항상 같은곳에 광고창 만들기 입니다.
|
| 20362 |
JavaScript
부메뉴 나오게 하기 입니다.
|
| 20361 |
JavaScript
특정문자 제거하기 입니다.
|
| 20360 |
JavaScript
휴대폰번호 검사 하기 입니다.
|
| 20359 |
JavaScript
이미지 좌우로 이동 갤러리 입니다.
|
| 8231 | |
| 20358 | |
| 20357 |
JavaScript
쉬운 replaceAll 입니다.
|
| 20356 | |
| 20355 | |
| 20354 | |
| 20353 | |
| 20352 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 20351 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 20350 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 20349 | |
| 20348 |
PHP
HTTP 인증 하기 입니다.
|
| 20347 |
JavaScript
외부 문서 불러오기 입니다.
|
| 20346 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 20345 | |
| 20344 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 20343 |
JavaScript
무단링크 금지하기 입니다.
|
| 20342 | |
| 20341 |
MySQL
DB백업 및 복원
|
| 20340 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 20339 | |
| 20338 | |
| 20337 |
jQuery
input text 대문자만 받는 Jquery
|
| 20336 | |
| 20335 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
| 20334 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 20333 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 20332 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 20331 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 20330 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 20329 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 20328 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 20327 |
MySQL
대소문자 데이터 조회하기
|
| 20326 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
| 20325 | |
| 20324 | |
| 20323 |
JavaScript
시도, 구군, 동 주소 select
|
| 20322 |
MySQL
커리로 DB 테이블 명세서 출력하기
|
| 20321 |
JavaScript
브라우저 해상도 구분없는 절대 x,y 좌표 값 구하기 입니다
|
| 20320 |
PHP
rss 읽어오기 입니다.
|
| 20319 |
JavaScript
자바스크립트로 Ajax 효과내기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기