[phonegap][cordova] [안드로이드] 코도바 앱(App) 개발 환경 세팅 

코도바(cordova)란..

html, css, javascript 웹 기술로.. 하이브리드 앱(App)을 제작할 수 있는 기술이다.

 

 

[코도바 앱(App) 개발 환경 - 설치 항목]

• OpenJDK (11버전)

• Android SDK / AVD (Android Virtual Device)

• Gradle

• Node.js

• Cordova


[OpenJDK (11버전) 설치]

1. https://www.openlogic.com/openjdk-downloads 해당 사이트에 접속하여..

선택 사항을 11버전 및 JDK로 선택하고.. 나머지 내 컴퓨터 운영 체제에 맞게 선택하여..

.zip 파일로 다운로드 해준다.

2. 다운로드 받은 .zip 파일 압축을 풀고... 폴더 이름을 java 라고 변경한 후..

(C:)드라이브 경로로 이동 시켜준다.

3. 윈도우 "시스템 환경 변수 편집"창을 실행 시켜... 자바(java) 환경 변수 설정을 해준다.

%JAVA_HOME%\bin


[Android SDK / AVD 설치]

1. https://developer.android.com/studio 해당 사이트에 접속하여..

스크롤 아래.. "command line tools (.zip)" 파일을 다운로드 해준다.

2. 다운로드 받은 command line tools (.zip) 파일 압축을 풀고.. 폴더 이름을 android 라고 변경한 후..

(C:)드라이브 경로로 이동 시켜준다.

3. (C:)드라이브>android>cmdline-tools 폴더 경로에서.. tools 라는 이름으로 "새 폴더"를 생성하고..

bin, lib, NOTICE, source.properties 폴더 및 파일들을.. 새로 생성한 tools 폴더로 이동 시켜준다.

4. (C:)드라이브>android>cmdline-tools>tools>bin 폴더 경로에서..

주소창에 cmd 라고 입력 및 Enter키를 눌러.. 윈도우 '명령 프롬프트'를 실행 시켜준다.

5. 실행된 윈도우 '명령 프롬프트'에서.. 명령어 sdkmanager --list 라고 입력하면..

설치할 수 있는 SDK-Platforms 및 SDK-Tools 목록들이 펼쳐지는데..

이중에.. 안드로이드 API 레벨 32 버전으로 설치할 것이다.

※ 참고로 2022년 현재기준.. 최신버전 코도바11 버전이.. 호환될 수 있는 안드로이드 API 레벨은 32까지 이다.

버전 업그레이드에 따라 향후 변경될 수 있음.

5-1. 윈도우 '명령 프롬프트'에서.. 아래의 명령어를 입력하여.. 안드로이드 SDK-Platforms 및

SDK-Tools를 설치 해준다.

sdkmanager "platforms;android-32" "build-tools;32.0.0" "system-images;android-32;google_apis_playstore;x86_64" "extras;intel;Hardware_Accelerated_Execution_Manager"

(설치 진행이 완료 되면.. (C:)드라이브>android 폴더 경로에.. 설치한 항목들이 생성되어 있음을 확인할 수 있다.)

[참고 - 안드로이드 설치 목록]

• platforms;android-32

• build-tools;32.0.0

• system-images;android-32;google_apis_playstore;x86_64

• extras;intel;Hardware_Accelerated_Execution_Manager

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

(명령 프롬프트에서 설치 중간에 "Accept? (y/N):" 라는 문구가 뜨면.. y를 입력하고 Enter키를 눌러준다.)

6. 설치가 완료 되었으면.. 또 다시 윈도우 '명령 프롬프트'에서.. 아래의 명령어를 입력하여..

(avd32 이라는 이름으로..) 안드로이드 가상 디바이스를 생성 해준다.

(가상 디바이스 생성 완료 후.. '명령 프롬프트'에.. avdmanager list avd 명령어를 입력하면..

생성된 가상 디바이스 목록을 확인할 수 있다.)

avdmanager create avd -n avd32 -k "system-images;android-32;google_apis_playstore;x86_64"

7. 가상 디바이스가 생성 되었으면..

(C:)드라이브>사용자>사용자 계정 폴더>.android>avd>avd32.avd 폴더 경로에서..

config 파일을 열어.. hw.keyboard=no 라는 항목을 yes 라고 변경한 후.. 저장 시켜준다.

(yes라고 설정하면.. 안드로이드 가상 디바이스에서.. 컴퓨터 키보드 입력이 가능해진다.)

8. (C:)드라이브>android>extras>intel>Hardware_Accelerated_Execution_Manager 폴더 경로에서..

haxm-7.6.5-setup 파일을 실행시켜.. HAXM을 설치 해준다.

(안드로이드 가상 디바이스 실행 속도를 높이기 위해 HAXM을 설치함. - 설치를 안하면 가상 디바이스 실행이 안됨.)

9. 윈도우 "시스템 환경 변수 편집"창을 실행 시켜... 안드로이드 SDK 환경 변수 설정을 해준다.

%ANDROID_HOME%\tools

%ANDROID_HOME%\tools\bin

%ANDROID_HOME%\platform-tools

%ANDROID_HOME%\emulator


[Gradle 설치]

1. https://gradle.org/releases/ 공식 사이트에서.. binary-only로 다운로드 해준다.

 

 

2. 다운로드 받은 gradle.zip 파일 압축을 풀어.. (C:)드라이브 경로로 이동 시켜준다.

3. 윈도우 "시스템 환경 변수 편집"창을 실행 시켜... gradle 환경 변수 설정을 해준다.

%GRADLE_HOME%\bin


[Node.js 설치]

1. https://nodejs.org/ko/ 공식 사이트에서.. 'LTS 버전'으로 다운로드 해준다.

2. 다운로드가 완료되었으면.. 설치 파일을 실행시켜.. node.js를 설치해 준다.


[Cordova 설치]

1. 윈도우 '명령 프롬프트'를 실행 시키고.. 명령어 npm install -g cordova 를 입력하여 코도바를 설치해 준다.


(※ 코도바 프로젝트 생성 및 빌드에 대한 내용은.. https://blog.naver.com/cyh3739/222784022957

해당 게시글을 참고. )

 

 

 

 

 

 

 

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED