자신만의 하이브리드앱을 만들어서 네이버앱에 등록하는 것 생각만큼 어렵지 안습니다.

네이티브앱은 시스템을 다루는 부분이 많아서 조금 어려운 것이 사실입니다.

하지만 하이브리드앱은 시스템을 다루는 부분을 폰갭이나 엡소프레소를 이용하여 대부분 해결하므로 폰갭이나 앱소프레소에서 제공하는 API의 사용법만 익힌다면 폰의 시스템을 다룰 수가 있습니다.

그러므로 시스템 조작을 위한 어려운 코드를 몰라도 시스템을 다룰 수 있다는 말입니다.

반대로 아직 까지 폰갭이나 엡소프레소에서 시스템을 네이티브 처럼 섬세하게 다루는 기능은 제공하지 않으므로 아주 깊은 곳 까지 시스템을 내마음되로 다루고 싶다면 네이티브를 배워야 합니다.

위의 이유로 게임 처럼 속도가 빨라야 하고 시스템을 다뤄야 하는 앱은 네이티브로 만들고 데이터베이스를 많이 다루는 업무용 앱은 하이브리드앱으로 많이 만듭니다.

향후 1~2년 내에 폰갭이나 엡소프레소에서 더 많은 시스템 API를 제공하고, 스마트폰의 성능이 개선될 것으로 전망하고 있고, 당연히 그렇게 되겠죠^^

그렇다면 하나의 소스로 아이폰,안드로이드, 윈도우, 블랙베리 등 모든 플렛폼에서 돌아 갈 수 있는 앱을 만드는 하이브리드앱 개발자의 수요가 많아 질것으로 생각되며 개발 업체 입장에서도 하나의 소스만 개발하면 모든 스마트폰에 사용 할 수 있으므로 중복 개발의 시간과 비용부담을 줄일 수 있습니다.

이제 본격적으로 하이브리드앱을 만들어 봅시다.

하이브리드앱을 쉽게 만들 수 있는 도구는 다양하게 많이 있습니다.

저는 하이브리드앱을 만들때 기본 디자인은 제이쿼리 또는 센차로 합니다.

제이쿼리와 센차는 하이브리드앱의 디자인에 주로 사용 합니다.

[센차터치의 디자인 화면]

[제이쿼리의 디자인 화면]

센차와 제이쿼리의 API를 사용하여 프로그램 코딩을 하면 위와 같은 화면을 쉽게 만들 수 있습니다.

< Edit >

Edit 는 프로그램을 코딩하는 도구입니다.

저는 이클립스를 주로 사용 합니다.

드림위버, APTANA, EditPlus ... 등 다양한 도구가 있습니다.

자신이 사용하기 편리한 도구를 사용 하면 됩니다.

저같은 경우 디자인을 할 때 드림위버로 기본디자인을 해서 그 코드를 복사합니다.

그리고 이클립스로 가져와서 이클립스에서 편집하는 파일에 붙여넣기 하고 수정을 합니다.

드림위버는 화면 구성에 필요한 아이템들을 쉽게 필요한 위치에 배치할 수 있습니다.

그러나 최종적으로 마켓에 등록 할때는 앱내에 인증서도 넣어야 하고 최적화 작업도 해야 하므로 드림위버로 모든 것을 완성 할 수는 없습니다.

아래 링크는 여행지를 소개하는 4페이지 정도의 간단한 하이브리드앱을 드림위버를 이용하여 2시간 안에 스스로 만들 수 있도록 도와 주는 네이버앱입니다.

S1 링크 : http://nstore.naver.com/appstore/web/detail.nhn?productNo=510825

동영상 링크1 :

위의 네이버앱을 통하여 소스코드를 익히고 동영상 강의를 통해 추가적인 부분을 공부 할 수 있도록 구성되어 있습니다.

드림위버를 이용하여 앱을 코딩하는 방법도 배울 수 있습니다.

< 그래픽 디자인 >

잘 구성된 팀이라면 개발자와 디자이너가 따로 작업을 하겠지만 자습할 때는 디자이너의 역활도 해야 합니다.

디자인 도구로 저는 포토샵을 주로 이용합니다.

이미지에서 필요한 부분을 잘라서 가져오고, 버튼이나, 아이콘을 만들 일이 많으므로 포토샵의 기본 기능은 익혀 두셔야 합니다.

< 서버 계정 >

단순히 정보를 보여주는 역할을 하는 네이버앱이라면 필요 없지만 서버에 data를 저장하고 저장한 data를 불러올 필요가 있다면 서버계정을 만들어야 합니다.

속도도 빠르고 많은 정보를 저장할 수 있는 서버를 가질려면 월 사용료를 많이 줘야 합니다.

우리는 학습 목적으로 네이버앱을 만들 서버가 필요하므로 최소한의 속도와 용량만 되면 됩니다.

아래링크에서 무료 웹호스팅에 대한 자료와 업체를 소개 하고 계정생성 절차를 알려드립니다.

무료 웹호스팅 설명 : http://blog.naver.com/t7ceo/20176598937

S2는 서버와 연동하는 하이브리드 네이버앱을 직접만들면서 그 과정을 쉽게 배울 수 있는 앱입니다.

위의 블로그에는 S2앱을 만들 때 필요한 mysql DB를 만드는 과정도 함께 포함 되어 있습니다.

S2 링크 : http://nstore.naver.com/appstore/web/detail.nhn?productNo=556529

< php 사용 >

서버 쪽에서 data를 mysql에 저장하고 지우고 변경하는 것은 php를 이용하여 진행합니다.

php의 모든 기능을 알면 좋겠지만 아래 링크에서는 자주 사용하는 php의 명령어 몇개를 설명하고 있습니다.

아래에서 설명하는 정도만 알면 서버쪽 프로그램을 제작하는 일에 크게 어려움은 없을 것입니다.

php 링크1 : http://blog.naver.com/t7ceo/20176656085

S2에서 사용하는 php 소스 링크 : http://blog.naver.com/t7ceo/20176822029

< FTP 사용 >

저는 서버쪽에서 사용하는 php 파일은 드림위버로 주로 만들고 있습니다.

드림위버로 만든 php 파일을 서버에 올릴 때는 알FTP를 사용 합니다.

사용절차에 대한 안내는 아래에 링크를 합니다.

FTP 사용 링크 : http://blog.naver.com/t7ceo/20176669538

< 구글 개발자 등록 및 완성된 앱 서명인증 과 안드로이드 마켓에 등록 >

완성된 하이브리드 네이버앱 을 마켓에 등록하기 위해서는 네이버앱에 인증서로 서명인증을 해야 합니다.

그리고 안드로이드와 애플앱스토어, 티스토어, 올레마켓에 개발자 등록도 해야 합니다.

티스토어와 올레마켓에 개발자 등록을 하는 것은 무료 입니다.

그러나 애플 앱스토어 와 안드로이드 개발자 등록을 하는 것은 유료 입니다.

아래 링크에는 안드로이드 개발자 등록을 하는 절차와 앱의 서명인증절차, 구글플레이에 하이브리드앱을 등록하는 절차를 설명 합니다.

앱등록 절차 링크 : http://blog.naver.com/t7ceo/20167207674

위의 관련자료들을 참조하고 S1, S2앱을 사용하면 간단한 서버와 연동하는 하이브리드 네이버앱을 만들 수 있습니다.

자신만의 하이브리드앱을 만들어서 네이버앱으로 네이버에 등록해 봅시다.

화이팅 합시다.