안드로이드 하이브리드앱 개발환경 #2 설치 및 셋팅

이 글은 공부하는 목적으로 

개인 프로젝트를 진행하며 남기는 일기형식입니다.

전문성 없는 맨땅에 헤딩하는 형식이므로 참고하시기 바랍니다.

개발환경 : Mac OS

목표

안드로이드 하이브리드앱을 제작하기 위해 개발환경을 만든다.

◐ 요약

안드로이드앱을 만들기 위해 필요한것들을 설치

1. 자바JDK 설치

2. 이클립스 설치

3. 안드로이드 SDK , AVD 설치

4. 기타 하이브리드앱을 위한 node.js, phonegap, cordova 설치 

마지막으로 데모페이지를 띄워보는것까지 진행한다.

---

먼저 나의 작업용 노트북은 

맥북에어 OS X Yosemite 이다.

설치 및 셋팅 과정에서 왜 이렇게 하는지 무슨뜻으로 하는지 모르는것도 많다.

그냥 결론적으로 어플을 만들수 있게만 묻지말고 설치해 본다.

1. 자바JDK 설치

 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

이건 내가 준비하면서 설치했는지, 기존에 있었던건지 기억이 나질 않는다. 

하지만 필요한거기 때문에 반드시 설치하도록 한다.

2. 이클립스 설치 

http://www.eclipse.org/downloads/

둘 중에 아무거나 받아서 설치 했다. 기억에 32 Bit 로 했던것 같다.

설치후 실행해보면 이클립스의 개발창을 확인할 수 있을것이다. 작업화면은 직접 확인하시길...

3. 안드로이드 SDK

SDK 가 설치되면 꽤 많은 하드디스크 용량을 차지한다. 각자 컴퓨터의 공간을 넉넉하게 하기 바란다.

안드로이드 2.2 프로요

안드로이드 2.3 진저브레드

아직 안드로이드의 저사양 버전을 사용하고 있는 기기들이 많다고 한다.

그래서 낮은사양에서도 앱이 호환되는지 확인을 위해 둘중 하나를 선택해야 한다.

프로요는 이제 없어지는거 같고...최저사양으로 진저브레드를 선택한다.

그리고 최신 안드로이드 또는 가장 많이 점유하고 있는 안드로이드 버전을 선택하고 설치한다.

참고로 나는 안쓰는 옵티머스GPro 를 테스트 기기로 사용하고 있다. 버전은 4.4.2 이다.

첫번째 방법으로

 http://developer.android.com/sdk/index.html#Other 이곳에서 직접 파일을 받아 압축을 풀고 

Eclipse > Preferences(환경설정) > Android 탭에서 폴더 경로를 선택하는 방법

두번째 방법으로

이클립스의 Help > Install New Software.. 

Add..버튼을 누르고

Name : 저장될 경로 폴더명

Location : https://dl-ssl.google.com/android/eclipse/

위와 같이 입력하고 OK 하면 

안드로이드 어플을 개발하기 위한 개발자툴과 여러가지 필요한 것들이 표시된다.

전부 체크 하고 설치 진행 한다. 

설치후 sdk관리는 

이클립스의 Window > Android SDK Manager

여기서 추가 / 삭제 하면 된다.

마지막으로 안드로이드 sdk의 path 설정을 한다. 터미널을 연다.

$cd 홈경로

$touch .bash_profile

$open -e .bash_profile

파일이 열렸으면 

export PATH=$PATH:/Users/SDK경로/platform-tools:$PATH:/Users/SDK경로/tools/

입력후 파일을 저장하고 닫는다.

$source ~/.bash_profile

배쉬파일을 저장한다.

4. 기타

위에까지 하면 안드로이드 네이티브 어플을 만들수 있다.

하지만 하이브리드앱을 만들려면 phonegap을 사용하기 위해 기타 여러가지를 설치한다.

[node.js]

http://nodejs.org/download 

.pkg 를 다운받아 그냥 설치했다.

[brew]

터미널에서 명령어를 사용하기 위해 하는것 같다. 우선 터미널을 열고 

$ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”

최신버전으로 업데이트

$brew update

[ant]

$brew install ant

[phonegap & cordova]

$sudo npm install -g phonegap

컴퓨터 비밀번호

$sudo npm install -g cordova 

컴퓨터 비밀번호

* 데모페이지

위의 내용까지 설치 셋팅이 끝났다면

폰갭의 기본프로젝트를 만들고 실행해보겠다.

터미널을 열고

$cd 프로젝트 저장할 폴더로 이동

$phonegap create hello com.example.hello HelloWorld

hello 폴더이름으로 HelloWorld 이클립스 프로젝트를 생성한다. 

중간 com.example.hello 는 생성된 프로젝트의 패키지명이다.

계속해서...

$cd hello

$phonegap build android

$phonegap run android

생성된 hello 폴더로 이동한 후

폰갭으로 안드로이드 빌드 시킨다.

테스트 기기로 확인을 하려면 

안드로이드폰 설정의 개발자도구에서 USB디버깅 옵션을 선택하면 된다.

이 결과물을 볼수 있길 바란다......