본문 바로가기

phonegap3

iPhone 에서 PhoneGap 사용하기... 안드로이드에서 PhoneGap 사용은 2011/10/27 - [프로그래밍/안드로이드] - 안드로이드에서 PhoneGap 사용하기... 글을 참고하기 바란다. 1. PhoneGap 설치 http://www.phonegap.com 에서 최신 버전(이 글의 경우 1.1.0)을 다운로드 받은 후, 압축을 풀어 iOS 디렉토리에있는 PhoneGap-1.1.0.dmg 파일을 열어 PhoneGap-1.1.0.pkg 를 실행하여 설치한다. 2. 프로젝트 생성하기 Xcode 를 실행한 후, 새로운 프로젝트를 생성한다. PhoneGap-based Application 을 선택한 후, Next 버튼을 클릭한다. Product Name 과 Company Identifier 를 입력하고 Next 버튼을 클릭한다. 프로젝트 파일.. 2011. 11. 2.
PhoneGap + jQueryMobile 사용하기... 1. 설치 http://jquerymobile.com/download/ 관련 파일을 다운로드한다. 이전 PhoneGap(2011/10/27 - [프로그래밍/안드로이드] - 안드로이드에서 PhoneGap 사용하기...)이 위치하고 있는 디렉토리에 관련 파일을 푼다. 이때 jQuery(http://docs.jquery.com/Downloading_jQuery) 도 다운로드 받아 상위 이미지처럼 복사하여 넣는다. 여기서 파일명에 min 이라는 글자가 들어있는 스크립트들은 압축되어있으므로 용량을 최소화시켜준다. 소스를 보며 작업할 경우라면 min 없는 스크립트를 사용하여도 상관없다. 2. 샘플 코드 작성하기 /assets/www/index.html 을 아래와 같이 작성한다. jQueryMobile Hello W.. 2011. 10. 27.
안드로이드에서 PhoneGap 사용하기... 1. PhoneGap 설치 먼저, http://www.phonegap.com 에서 PhoneGap 을 최신버전으로 다운로드 받는다. 다운로드한 압축파일을 적당한 곳에 푼다. 2. 프로젝트 생성하기 이클립스를 실행 한 후, File > New > Other > Android Project 를 실행한다. 프로젝트명을 지정한다. 타겟은 진저브레드로~ 대충 다음과 같이 정보를 입력한다. /libs 와 /assets/www 디렉토리를 생성하여 추가한다. PhoneGap 파일 중 phonegap.js 를 /assets/www 에 복사한다. PhoneGap 파일 중 phonegap.jar 를 /libs 에 복사한다. PhoneGap 파일 중 xml 폴더를 /res 에 복사한다. 3. 샘플 코드 작성하기 import... 2011. 10. 27.