웹마스터 팁

오랜만에 또 이렇게 들러봅니다^^

 

저는 요즘 한창 XE + 폰갭을 이용한 (하이브리드가 아닌) 모바일 웹앱제작에 관한 프로젝트를 3개정도 수행하였습니다.

 

우선 폰갭에 대해 말씀드리자면...

 

폰갭은 보통 네이티브 브릿지라는 말로 모든것이 설명되지 않나 합니다.

 

우리가 사용하는 스마트폰/태블릿의 경우 윈도우인 경우도 있지만 대부분은 android/ios입니다.(물론 뭐.....다른것도 있죠 우분투라던지...)

 

하지만 웹의 경우 보안상의 문제로 인하여 디바이스의 여러 기능(카메라 및 여러 센서들 등...)에 접근할 수 있는 권한이 많이 제한적입니다,

 

반면 네이티브 앱의 경우 웹에서 제한되었던 많은 기능들에 접근하여 제어할 수 있는, 웹에서는 어찌보면 특별한, 범접할수 없는 그 무언가를 할 수 있습니다.

 

폰갭(phonegap)은 이러한 웹의 제한된 부분을 네이티브 수준으로 이용할 수 있도록 다리역할을 한다고 보시면 됩니다.

 

폰갭은 기본적으로 네이티브앱의 웹뷰(보통 안드로이드는 크롬코어를, ios는 사파리코어를 사용하죠..)가 있고 웹뷰는 html등 웹을 화면에 표현할 수 있도록 해줍니다.( 쉽게말해 앱처럼 디자인하고 퍼블리싱된 html파일을 화면에서 볼수 있도록 표시해줍니다.)

 

여기까지는 일반적으로 디바이스에서 사용하는 브라우저들과 별다른 기능이 없습니다.

 

하지만, 폰갭은 여기서 부터입니다.

 

폰갭은 위에서 말한 디바이스의 특별한 기능에 자바스크립트로 접근할 수 있도록 하기 위해 특별한 코드들을 플러그인형태로 제공해 줍니다. (물론 커스터마이징도 가능합니다^^)

 

기본적인 폰갭 코어에 여러가지 디바이스제어 및 필요한 특별한 기능들을 하는 폰갭플러그인을 설치하고 자바스크립트에서 제어만 해주신다면 쉽게 웹단에서 디바이스들의 정보를 가져올 수도 전송할 수도 있는거죠.

 

네 맞습니다. 핵심은 역시 자바스크립트를 통한 네이티브단과의 통신입니다. 어려울수도 있죠.^^

 

하지만 폰갭은 전세계 많은 개발자분들께서 사용하고 독특하고 다양한 기능들의 플러그인들을 제작하여 배포하고 있습니다.

 

이런면으로 비춰볼때 폰갭을 통한 웹앱제작은 생산성면에서 엄청난 비용절감효과를 가져올 수 있게 되는것이죠.

 

XE로 제작된 모바일 홈페이지를 폰갭을 이용하여 웹앱으로 제작할 수도 있습니다.

 

특히 XE의 거의 모든 기능을 앱에서 구현하는것이나 다른것이 없게 되는 것이죠.

 

실제로 최근 이러한 프로젝트를 수행하면서 몇가지 아쉬운 점들을 발견할 수있었습니다만,

 

폰갭을 커스터마이징하는 방법으로 성능향상의 결과를 가져온것도 사실입니다.

 

하지만 폰갭을 이용한 웹앱/하이브리드앱 개발 또한 기본적으로 네이티브앱을 이용한 개발인만큼 네이티브에 대한 지식을 쌓아나가는 것또한 게을리할 수 없는 부분이라 생각됩니다.

 

앞으로는 최신 폰갭을 이용해서 폰갭+XE를 이용한 웹앱제작에 대해 연재를 해볼까 생각중에 있습니다.

 

아직은 생각중에 있습니다만, 결정을 못내리고 있네요...

 

오늘하루도 좋은일만 가득하시고 항상 정진하시는만큼 좋은 성과들을 거두시길 바랍니다.

 

감사합니다.

제목 글쓴이 날짜
압축 풀어 설치했던 XE를 git으로 변환하기 [6] 기진곰 2015.02.25
누리고 Ncart V1.6.1 주문페이지에서 총구매금액에 배송비가 선결제, 착불과 상관없이 무조건 포함되어 표시되는 문제 수정방법 [2] XE템플릿 2015.03.12
(version 1.6)새글과 새댓글을 알림받는 앱을 직접 만들어보세요(XE 홈페이지와 연동되는 GCM을 이용한 푸시 안드로이드 앱 만들기 가이드-XE 알림센터 연동) [23] 단희아빠 2015.03.21
메인 로고 및 메인 이미지 변경 방법 [1] file okcashbag042 2015.04.08
요청한 기능을 실행할 수 있는 권한이 없습니다. - 오류해결 file I-JEX 2015.04.10
모바일뷰 사용 안 할때 (반응형등) 에도 '모바일에서 최적화된 화면으로 보기' 가 나오는 버그 패치 sejin7940 2015.04.10
1.8 XEDITION 에서 로그인xe 사용하여 네이버 로그인 연동하기 [7] file karutian 2015.04.10
즐겨찾기 소스 - 파비콘등록 soroweb 2015.04.16
폰갭과 웹앱 그리고 XE... [6] onTrust 2015.04.23
속도관련 나노팁. [5] 1052 2015.05.04
member 모듈 업데이트가 계속 나오는 경우 고니고니 2015.05.06
레이어형 로그인 사용시에 SSL 적용방법 (선택적 사용시) [1] 불금 2015.05.20
XE Core 안정된 버젼 좀 알려주세요.. [1] 팔도준 2015.05.26
스키마 변경 후 쿼리 오류가 발생할 때 신평 2015.06.01
타임라인 모듈 두개 이상 생성 및 페이지가 넘어가지 않은 문제에 관하여 함삐까 2015.06.01
포인트 복권 모듈 관리자 페이지 1.7이상에 맞게 [10] file 착한악마 2015.06.10
위젯 복사 팁 - 이걸 왜 이제야 알았을까.. socialskyo 2015.06.17
자신이 쓴 글에 특정유저 댓글을 차단 Ikoo 2015.06.20
홈페이지 속도가 느린 이유.(팁같지도 않은 팁) [11] 가브리엘조 2015.06.27
홈페이지 제작 시 점검사항 15가지 [1] 유래유거 2015.06.29