43
Phonegap 2014.4.1

Phonegap 환경설정

  • Upload
    -

  • View
    1.714

  • Download
    2

Embed Size (px)

DESCRIPTION

Android & Phonegap 환경 설정 후 Hello World 빌드하는 과정입니다.

Citation preview

Page 1: Phonegap 환경설정

Phonegap2014.4.1

Page 2: Phonegap 환경설정

Java 설치

http://oracle.com

Page 3: Phonegap 환경설정

Java 설치

Page 4: Phonegap 환경설정

Java 설치

다운로드 후 디폴트로 설치한다.

Page 5: Phonegap 환경설정

Apache Ant 설치

http://ant.apache.org

Page 6: Phonegap 환경설정

Apache Ant 설치

Page 7: Phonegap 환경설정

Apache Ant 설치

다운로드후 원하는 경로에 압축해제한다.

Page 8: Phonegap 환경설정

ANT_HOME 시스템 변수 만들기

Page 9: Phonegap 환경설정

ANT_HOME 시스템 변수 만들기

Page 10: Phonegap 환경설정

ANT_HOME 시스템 변수 만들기

Page 11: Phonegap 환경설정

JAVA_HOME 시스템 변수 만들기

Page 12: Phonegap 환경설정

JAVA_HOME 시스템 변수 만들기

Page 13: Phonegap 환경설정

Android SDK 다운로드

http://android.com

Page 14: Phonegap 환경설정

Android SDK 다운로드

Page 15: Phonegap 환경설정

Android SDK 압축해제

압축해제후 다음 경로를 확인해둔다.

Page 16: Phonegap 환경설정

ANT_HOME\bin 경로설정

Page 17: Phonegap 환경설정

JAVA_HOME\bin 경로설정

Page 18: Phonegap 환경설정

Android sdk tools 경로 설정

Page 19: Phonegap 환경설정

Android sdk tools 경로 설정

Page 20: Phonegap 환경설정

Android sdk platform-tools 경로 설정

Page 21: Phonegap 환경설정

Android sdk platform-tools 경로 설정

Page 22: Phonegap 환경설정

Node.js 설치http://nodejs.org

Page 23: Phonegap 환경설정

Phonegap 설치

npm install -g phonegap

Page 24: Phonegap 환경설정

Phonegap 프로젝트 생성하기

phonegap create hello world

Page 25: Phonegap 환경설정

Phonegap android 빌드하기

phonegap build android

Page 26: Phonegap 환경설정

android 로 빌드된 프로젝트 구조

Page 27: Phonegap 환경설정

Android ADT 이클립스 실행

Page 28: Phonegap 환경설정

Android ADT 이클립스 실행

Page 29: Phonegap 환경설정

ADT 인코딩 설정

Page 30: Phonegap 환경설정

ADT 인코딩 utf-8 설정

Page 31: Phonegap 환경설정

Adroid Virtual Device 만들기

Page 32: Phonegap 환경설정

Adroid Virtual Device 만들기

Page 33: Phonegap 환경설정

Adroid Virtual Device 만들기

Page 34: Phonegap 환경설정

Adroid Virtual Device 실행하기

Page 35: Phonegap 환경설정

Adroid Virtual Device 확인

Page 36: Phonegap 환경설정

android apk 가상기기에서 실행하기

phonegap run android

Page 37: Phonegap 환경설정

가상기기에 실행된 hellow world 프로젝트

Page 38: Phonegap 환경설정

Android Project ADT 에 import 하기

Page 39: Phonegap 환경설정

Android Project ADT 에 import 하기

Page 40: Phonegap 환경설정

Android Project ADT 에 import 하기

Page 41: Phonegap 환경설정

Android Project ADT 에 import 하기

Page 42: Phonegap 환경설정

Import 된 안드로이드 프로젝트 확인

Page 43: Phonegap 환경설정

ADT 에서 안드로이드 기기에 직접 빌드하기