[설치&실행] 폰갭(Phonegap) 설치 및 실행

 

 

안드로이드 SDK에 이어서 폰갭(Phonegap)의 설치와 실행을 해보려고 합니다.

 

폰갭을 설치하게 되면, 기본 설치 환경을 기본으로 설정해 준답니다.

기본 틀은 짜여져 있어서, 내용과 스타일만 채워주면 됩니다.

 

먼저 이클립스(eclipse)를 실행해 주세요.

 

앞전에 이클립스의 설치를 못하신분들은 앞글을 확인해 주세요:D

 

이클립스 설치

 

 

상단 메뉴에서 Help에서 이클립스 마켓에서 들어가 주세요.

마켓에 여러가지가 있습니다.

프로그램 안에서 먼가 다운받아서 하는게 처음이라서 완전 신기신기+ㅅ+ !

 

 

마켓에 어플이 많으니, 'phonegap'이라고 검색해 주시면, 저기 Install 버튼이 보이실 겁니다.

저는 이미 설치가 되어 있어서 Installed라고 적혀 있네요..;

 

클릭하면, 아래의 리스트가 나타납니다.

 

 

 

 

저는 저번과 동일하게 학교와 환경을 맞춰주기위해서 다 체크해서 받았습니다.

선택을 한 후 Confirm을 눌러주면 로딩이 끝나고, Finish 버튼이 활성화 됩니다.

 

Finish를 누르면 다운이 되는 것이 보일거에요.

기다려 주면 중간에 묻는 창이 나타는데 OK를 눌러주시고, 다받아지면, 다시 실행할거냐고 물어봅니다.

Yes를 눌러주면, 다시 이클립스가 다시 시작되면, 상단 아이콘 리스트에 폰갭 아이콘이 등장 합니다.

 

이게 보인다면, 설치는 끝나셨습니다.

이제 한번 어떻게 뜨는지 시행을 해봐야 겠지요.

 

생성된 아이콘을 꾹 눌러 주세요~

 

 

 

 

확인하고 눌러주시면, 위에 창이 뜹니다.

아마 jQuery Mobile은 체크가 처음엔 안되있으실 거예요.

체크를 해주시고, Next!

 

 

 

project name은 임시로 'Hi' 라고 적어 보겠습니다.

Next!

 

*Project Name의 첫자는 대문자로 적어주세요.

 

 

 

위 처럼 체크되있다면 그냥 Next!

 

 

요창이 뜨면, Package Name은 뭐라고 원래 적혀있는게 있는데, 그걸 지워 주고 저렇게 적어주세요.

'com.app.Hi' 라고 적어주시면, Finish 버튼도 활성화 됩니다.

클릭 해주시면, 왼쪽창에 새롭게 'Hi'라는 폴더와 여러 내용의 파일이 붙어서 떠있습니다.

 

*Package Name은 'com.app.'Project Name' 입니다.

이때 적는 Project Name은 소문자여도 상관없습니다.

 

 

처음 뜨는 페이지는 아마 Hi > assets > www 안에 'index.html'이실 겁니다.

거기에 프로그램을 짜면 됩니다.

 

하지만, 이대로는 아무리 프로그램을 잘짜도 실행이 되지 않습니다.

 

자세이 보시면 Hi와 하위 폴더 중 src에 붉은색의 X표가 있습니다.

이 붉은색 X표를 지워 줘야 겠지요!

 

 

추적해 들어가면 'MyPhoneGapAcitivity.java'란 파일이 있습니다.

 

클릭해서 해서 보면, 빨간 네모창과 쪽에 import가 두번 적혀있습니다.

하나를 지우고, 저장해 주면, 빨간X표는 사라집니다.

 

 

저게 폰갭의 고질적인 오류라고 하는데, 어쩔 수 없으니, 실행할 때마다 지워 줍시다!

 

이제 index.html로 들어가서 작성을 해주시면 됩니다.:D

 

 

파란박스안에 있는 내용은 마음껏 바꿔 주셔되 됩니다.:D

이왕 실행해 보는거 간단하게 수정해서 시험해 보셔도 좋을거 같습니다.

 

 

상단 아이콘들 중 초록색 플레이 모양을 눌러 주시면, 이제껏 설정 했던 보람을 느끼 실수 있습니다.!

 

안드로이드가 돌아가면서, 작성한 프로그램을 실행 시켜 줍니다~ 

 

이렇게요!

 

혹시나 재생을 눌렀는데, 안뜨시는 분들은 앞에 포스팅했던, SDK의 AVD가 제대로 등록되어있는지 확인해 주세요,

SDK 실행하기 포스팅에서 등록하는 방법이 있습니다.:D

 

AVD 등록

 

 

 

등록이 됬는데도 안되는 분들은 index.html을 오른쪽 버튼을 눌러서 박스의 경로를 따라 Run Configurations...를 실행 시켜 주세요.

 

 

 

 

 

실행이 되었다면, Browse...를 열어서 해당 파일을 눌르고 OK >Run을 누르고 다시 재생버튼을 눌러 주시면 되실 겁니다.

 

나중에 파일이 많아지면 훨씬 자주 쓰니 기억해 두시는게 좋으실 듯 합니다.