melius
[Cordova] 시작하기 본문
1. 코르도바 설치
$ npm install -g cordova
2. 프로젝트 생성
$ cordova create project_name
위의 명령을 실행하면, 하위폴더에 프로젝트 폴더가 생긴다.
$ cd project_name
3. 프로젝트 코드작성
프로젝트 폴더내에 www 폴더에 있는 index.html 파일을 수정하여 프로젝트 코드를 작성한다.
4. 플랫폼 추가
아래 명령어로 빌드를 원하는 플랫폼을 추가한다. 브라우저는 간단한 프로젝트 실행상태 확인용으로 사용된다.
$ cordova platform add browser
$ cordova platform add android
$ cordova platform add android@7.1
아래 명령어로 추가된 플랫폼 리스트를 확인 할 수 있다.
$ cordova platform ls
5. 프로젝트 빌드
프로젝트를 빌드하기 위해서 플랫폼별 빌드환경 요구사항을 만족해야 하는데, 아래 명령어로 플랫폼별 빌드환경 요구사항 및 만족여부를 확인할 수 있다.
$ cordova requirements
빌드환경 요구사항을 만족했다면, 아래의 빌드 명령어로 프로젝트 빌드를 진행한다.
$ cordova build browser
$ cordova build android
$ cordova build android --device
6. 프로젝트 실행
빌드가 성공적으로 완료되면, 아래 명령어로 프로젝트를 실행할 수 있다.
$ cordova emulate browser
$ cordova run browser
$ cordova run android
$ cordova run android --device
PC에 연결된 안드로이드 장치 리스트를 아래 명령어 확인할 수 있다.
$ adb devices // Android Debug Bridge (adb)
안드로이드 폰의 개발자 모드를 활성화하고 USB에 연결하면 PC에서 자동으로 인식
(USB를 연결할때 '휴대폰 충전'으로 선택해야 adb에서 보임)
* 안드로이드 빌드환경 요구사항
- JDK 8
- Android Studio(SDK Manager로 원하는 Android Platform SDK 설치)
- Gradle(Android Studio를 설치하면 자동설치)
CPU가 AMD Ryzen인 경우, Android Studio 설치시 AVD 생성과정에서 아래와 같은 오류 발생
'Android Emulator Hypervisor Driver for AMD Processors installation failed.'
BIOS에 진입해서 SVM(Secure Virtual Machine) Mode을 Enable 해줘야 한다.
시스템 변수 세팅
- JAVA_HOME: C:\Program Files\Java\jdk1.8.0_221
- ANDROID_HOME: C:\Users\user_id\AppData\Local\Android\Sdk
- GRADLE_HOME: C:\Users\user_id\.gradle\wrapper\dists\gradle-5.4.1-all\xxx...\gradle-5.4.1
시스템 변수 Path 추가
- %ANDROID_HOME%\tools
- %ANDROID_HOME%\tools\bin
- %ANDROID_HOME%\platform-tools
- %GRADLE_HOME%\bin
'library & framework' 카테고리의 다른 글
[Cordova] 유용한 Plugin 리스트 (0) | 2021.03.18 |
---|---|
[Socket.IO] 실시간 채팅 구현 (0) | 2020.08.07 |
[gabia] Node.js 호스팅 (0) | 2020.03.18 |
[Mapshaper] 지도파일 변환 (0) | 2020.03.13 |
[webpack] Development (0) | 2020.03.10 |