재밌는 Coding

1. 시험환경

    ˙ 윈도우

    ˙ node.js, npm

    ˙ 안드로이드 스튜디오

    ˙ Gradle

2. 목적

    ˙ HTML, CSS, JS를 이용하여 구축한 웹(web) 페이지를 안드로이드 앱(App)으로 빌드하는 방법을 알아보자.

    ˙ 웹앱 포팅을 위한 Cordova 패키지 및 사전 필수 프로그램을 설치하는 방법을 알아보자.

3. 적용

    ① node.js를 설치하면 npm이 함께 설치되는데, npm을 이용하여 cordova 패키지를 설치하기 위한 목적이다.

        - 설치 방법 참고 URL : https://languagestory.tistory.com/24

    ② 안드로이드 스튜디오(Android Studio)를 설치한다.

        - 설치방법 참고 URL : https://languagestory.tistory.com/174

    ③ Gradle을 설치한다. (★중요: Cordova에서 지원하는 현재 Gradle 버전은 7이다.)

        - 설치방법 참고 URL : https://languagestory.tistory.com/243

    ④ cordova 패키지를 설치한다.

        - 설치 명령어 : npm install -g cordova

    ⑤ Cordova 프로젝트를 생성한다.

        - 명령어 : cordova  create  [경로]  [패키지]  [프로젝트명]

    ⑥ www 폴더 이하를 삭제하고 빌드하고자 하는 대상 웹(HTML, CSS, JS) 파일을 복사한다.

        - 이 단계를 생략하는 경우 Cordova 프로젝트에서 제공하는 기본 페이지로 빌드된다.

    ⑦ Cordova Platform을 추가 및 빌드한다.

        - 명령어 : cordova  platform  add  [android]

        - 명령어 : cordova  build  [android]

    ⑦ Build 성공 시 에뮬레이터 또는 실제 단말기(USB 연결)에서 테스트 명령어를 실행한다.

        - 에뮬레티어 실행 : cordova  emulate  [android]

        - 실제 단말기 실행 : cordova  run  [android]

4. 결과

    ˙ apk 빌드 파일이 생성 되었는지 확인한다.

        - apk 빌드 경로 : [Cordova 프로젝트 경로]\platforms\android\app\build\outputs\apk\debug