웹마스터 팁

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

감사합니다.

제목 글쓴이 날짜
OpenSSL 웹에 직접 구축하기 [2] file 워리도꾸 2016.02.16
스케치북 갤러리 제목에 카테고리 추가하기. [1] 보보2 2017.07.17
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] 웹엔진 2011.02.28
글등록시 포인트차감으로 등록불가 설정시 개별설정이 아닌 전체 설정 기준으로만 사용할 경우는 적용 안 되는 버그 수정법 sejin7940 2017.08.23
폰갭 자기 전화번호 추출 한꼬마 2017.08.14
폰갭 버전 업데이트 후 push 안되시는 분들께.. 한꼬마 2017.08.09
포인트 적립 횟수 일별 제한하기 (게시글 및 댓글 작성시) Redback 2017.06.18
다음 우편번호 5자리 적용 [1] file 뒤늦게입문 2017.03.15
HTML, CSS 등 코드를 깔끔하게 정렬 [6] file 참치.k 2013.01.11
SASS? CSS확장판 키큰아이 2017.05.09
사용자정의에서 URL형, email형, textarea 형등에서도 기본값 인식하게 하려면 sejin7940 2017.04.25
비밀글에 대해서도 썸네일이미지는 출력되도록 하고 싶으면 sejin7940 2017.04.12
제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] 쿨리안 2003.06.28
게시글 확장변수 순으로 정렬하기 (2010.01.18 13:18 수정) [24] June Oh 2010.01.11
인기글 [1] kdp 2015.05.07
[주옥시리즈]최신글,인기글 위젯에 댓글수 표기하기 [1] socialskyo 2013.10.01
.htaccess 파일 관련 팁(웹 사이트 퍼포먼스 향상 및 트래픽 절감 효과) [21] file 서시빈목 2013.10.22
압축 풀어 설치했던 XE를 git으로 변환하기 [6] 기진곰 2015.02.25
반응형 기본 개념 Ansi™ 2017.02.27
[도로명주소 krzip] 1.7.4 이전 버전들에 이용하기 [3] XE플스 2014.02.06