본문 바로가기
PhoneGap

PhoneGap 샘플 프로젝트 실행하기

by 코드디코더 2012. 3. 4.

phonegap을 사용하여 앱을 만들려면 폰갭 샘플 소스를 이용해야합니다.

샘플소스를 보고 이와 유사한 형태로 만들어놓은 상태에서 앱 만들기 작업에 들어가기 때문에

샘플소스는 꼭 돌려보아야 작업을 수월하게 할수 있습니다. 





< PhoneGap 샘플 프로젝트 실행하기 >



http://phonegap.com/
폰갭 사이트에 들어가면 상단 오른쪽에 다운로드 버튼 있습니다.

 
 




압축을 풀어포면 lib 라는 폴더 안에 모바일OS별 예제파일과 라이브러리 파일들이 들어있습니다.








우리가 필요한건 안드로이드 이기때문에 android 폴더로 들어가면 example 폴더가 있습니다.
이것을 이클립스에 옮겨서 실행시킬꺼기때문에 요 경로를 기억해두어야합니다.


 




자 이제 이클립스로 넘어가서
File - New - Other... 의 메뉴를 차례로 들어갑니다.

 





새로운 창이 하나 뜨는데
직접찾아도 되지만 검색어로 "android" 입력하면 Android Project 를 쉽게 찾을 수 있습니다.
Android Project 를 선택하고 Next 버튼을 눌러줍니다.

 





프로젝트 이름을 입력하고
example 프로젝트를 불러와서 실행할꺼기 때문에 Create project form existing source 를 선택하고 
Location 에 phonegap의 android example 이 있는 경로를 지정해줍니다.
지정해주면 bulid target 등이 자동으로 지정되기때문에 바로 finish 버튼을 누르면 됩니다.
 









요기까지 따라왔다면 프로젝트가 하나 생성 되었을 겁니다.
( 맨 처음에는 에러가 뜰수도 있는데 자동으로 빌드 되고 나면 알아서 해결됩니다. )

 






이제 실행시켜볼 차롄데요 실행시키려면 일단 가상머신을 켜야합니다.
안드로보이를 클릭하고 가상머신을 선택하여 Start 버튼을 누르면 가상머신이 실행됩니다.
( 실행시킬 프로젝트의 안드로이드 버전이랑 가상머신에 버전이 달라도 실행이 되긴 하지만 이왕이면 같은버전으로 하는게 좋겠지요? )




 



가상머신이 완전히 실행되었다면
프로젝트를 선택하고 마우스 오른쪽 버튼을 누루고 Run As - Android Application 을 누룹니다.
그러면 자동으로 가상머신에 어플이 설치되고 실행됩니다.

 






요렇게 실행된 화면~!
이것저건 눌러보고 기본적으로 어떻게 돌아가는지 알아보면 도움이 될것같아요~