하이브리드 앱 초기 설정/설치 ( android-studio )

다운로드

1. Node.js 설정

1) Node.js 최선 LTS 버전 다운 https://nodejs.org/en/

Node.js

2) npm 설정

Cmd 창 열기 => C/ 로 경로설정 => npm -v ( 8.15.0 이 뜨면 설정완료 )

2.JDK 설정

1) jdk window 버전 64bit 다운로드 파일 설치

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

Download the Latest Java LTS Free

 

2) 설치

3) 확인

c 드라이브 => program files => java

 

4)환경변수 설정

윈도우 환경설정 => 시스템 => 정보 => 고급시스템 설정 => 고급 => 환경변수

 

5)환경변수 설정 2

위의 administrator 부분 새로만들기 => 변수명 JAVA_HOME 설정, value C드라이브 => program Files => Java => jdk1.8.0_341 경로 설정 ( C:\Program Files\Java\jdk1.8.0_341 )

 

만들어진 Path 부분 value C드라이브 => program Files => Java => jdk1.8.0_341 => bin 경로 설정 => 확인

( C:\Program Files\Java\jdk1.8.0_341\bin )

3. android-studio

1) 최신버전 다운로드 ( 저장공간 확보 필요 )

https://developer.android.com/studio/index.html

Download Android Studio & App Tools - Android Developers

2) 실행 화면

3) Cmd 창 확인

4) 환경변수 등록

Admin 새로만들기

변수 Path 더블클릭

표시된 부분처럼 새로만들기 버튼을 눌러 각각의 경로를 설정해줍니다

Path 경로

C:\Users\Administrator\AppData\Local\Android\Sdk\tools

C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools

C:\Users\Administrator\AppData\Local\Android\Sdk\tools\bin

C:\Users\Administrator\AppData\Local\Android\Sdk\emulator

Gradle까지 설정 완료 후 아래 설정을 해줍니다

5) 설정

New 프로젝트를 열어준 후 설정 옆 manager 클릭

표시된 부분 체크

체크 후 OK

다운로드중

33.0.0 체크 해제, 30.0.3 / 30.0.0 체크

체크 후 다운로드

Phone 탭에 Galaxy Nexus 선택 후 Next

API Level 24 버전 설치 후 Next

설치 후 확인

동그라미 부분 클릭시 아래 선택 기종 표시

코르도바로 앱 설정하기

1) Cmd 창 코르도바 설치

=> npm install cordova -g

 

2) 설치 후 버전확인

=> cordova -v

11.0.0 이 뜨면 설치완료 

 

3) myapp 이름 설정

4) C드라이브 안에 myapp 의 www 폴더에 제작 파일 옮겨넣기

원래있던 파일은 지워줍니다

5) 플랫폼 추가

표시부분 타이핑

5) 확인

c:\myapp>cordova requirements

6) 빌드

c:\myapp>cordova build android

설치완료

7) 테스트

c:\myapp>cordova emulate android // 에뮬레이터동작

우측하단 핸드폰에 테스트 화면 확인

Gradle까지 설정 완료 후 위 설정을 해줍니다

4.gradle

https://gradle.org/releases/

Gradle | Releases

1) 최신버전 다운

 

2) gradle- 7.5.1 폴더 C드라이브 폴더로 이동

3) 환경변수 등록

Admin

Path 설정

4) 확인