RSS

웹-앱 게이트웨이로 하이브리드 앱 만들기 동영상 강좌

01 11월

아이폰 네이티브 앱에서 웹뷰를 띄워서 하이브리드 웹앱의 형태로 개발하는 사례가 늘어가고 있다. 심지어 프레임만 웹으로 가져가고 나머지는 모두 웹뷰에서 처리하는 앱도 있는데 나름 장점이 있겠다.

  • 애플 승인 없이 앱을 업데이트 할 수 있다.
  • 안드로이드/아이폰 두 플랫폼을 한 번에 개발할 수 있다.

이 두가지만으로도 비즈니스 측면에서 유용성 면에서 네이티브 개발보다 웹뷰를 통한 개발이 훨씬 우위에 있다고 하겠다.다가 HTML5의 막강한 파워를 아이폰/안드로이드 모두 지원하고 있기 때문에 자바스크립트 개발자들은 네이티브를 몰라도 얼마든지 모바일 웹 개발이 가능해졌다.

하지만 한계는 존재하는데, 카메라나 엑셀러미터 정보등 하드웨어 장치에 대한 인터페이스는 아직 제대로 마련되어 있지 않은 관계로 네이티브와 웹뷰 사이에 가교역할을 해줘야 할 경우가 많다.

이 컨셉으로 만든 것이 웹-앱 게이트웨이로 웹뷰를 호출할 때 네이티브의 UI를 정의하거나 UI의 이벤트를 웹의 JS호출로 변경하거나 하는 트릭을 넣은 것이다.

자세한 내용은 다음 동영상을 잠깐 보면 이해가 될 것이다.

내용

  • 웹뷰 – 앱 UI 정의
  • 앱에서 버튼 탭 이벤트를 웹뷰의 JS호출로 변환
난이도: 중급

 

소스코드는 github에 올라가 있다.

Advertisements
 
 

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

 
%d 블로거가 이것을 좋아합니다: