Cordova 튜토리얼을 시도해보십시오.

3587 단어 코르도바VSCode

사용한 것 (환경)


  • cordova
  • visualStudioCode
  • windows10
  • Android


  • 튜토리얼을 번역하면서 시도



    튜토리얼의 페이지는 아래와 같다.

    Module 2: Building a Cordova Project

    Module 3: Setting Up the Workshop Files

    마지막 튜토리얼.

    Cordova 튜토리얼을 시도해보십시오.

    환경 구축에 대해서는 별도 정리하고 있으므로 아래 참조.

    cordova&VSCode로 환경을 구축할 때까지의 우왕좌왕 메모.

    Module 2: Building a Cordova Project



    여기에서는 Android를 빌드하는 방법 만 확인합니다.

    이하 번역.

    Building for Android

    아래 단계에 따라 Android 버전의 애플리케이션을 빌드하려면 컴퓨터에 Android SDK가 설치되어 있어야 합니다.

    workshop/platforms/android 폴더에 프로젝트를 빌드하고 USB 케이블을 사용하여 컴퓨터에 연결된 Android 기기에서 실행하려면 다음을 입력합니다.
    cordova run android
    

    workshop/platforms/android 폴더에 프로젝트를 빌드하고 Android 에뮬레이터에서 실행하려면 다음을 입력합니다.
    cordova emulate android
    

    VSCode로 디버그 환경을 정돈했기 때문에 패스.

    Module 3: Setting Up the Workshop Files



    1. 프로젝트의 www 폴더의 내용을 삭제합니다.
    (어쩐지 불안하기 때문에 별도 백업을 해 둔다)

    2. 링크에서 자습서 파일을 다운로드하거나 git clone으로 다운로드합니다.
    여기에서는 workshop 폴더에서 다음 명령을 실행.
    git clone https://github.com/ccoenraets/cordova-tutorial
    

    3. zip으로 다운로드한 경우는 어디서나 압축을 풀어 두세요.

    4. www 폴더 안에 다운로드해 온 파일(해동한 파일) 중, starter-www의 내용을 넣어 주세요.

    여기까지 파일 배치는 이렇게 되어 있습니다.
    www
    ├─assets
    │  ├─css
    │  │  └─images
    │  ├─pics
    │  └─ratchet
    │      ├─css
    │      └─fonts
    ├─js
    │  └─services
    │      ├─json
    │      ├─localstorage
    │      ├─memory
    │      └─websql
    └─lib
    

    5. 빌드하여 애플리케이션을 테스트해 봅시다.
    튜토리얼의 2장에서 확인한 실행 방법, 혹은 www/index.html를 브라우저로 열어 보세요.

    이번에는 workshop 폴더에서 다음 명령을 실행.
    cordova run android
    

    이런 느낌의 화면이 나왔습니다.



    6. 검색 상자에 소수의 문자를 입력하여 직원을 이름으로 검색합니다. 직원 링크를 클릭해도 현재 결과가 표시되지 않습니다.

    적당하게 입력해 보면 아래와 같이 링크가 나옵니다.
    하지만 링크를 클릭(탭)해 봐도 특별한 반응은 없습니다.



    참고 URL



    Module 2: Building a Cordova Project

    Module 3: Setting Up the Workshop Files

    Cordova 튜토리얼을 시도해보십시오.

    cordova&VSCode로 환경을 구축할 때까지의 우왕좌왕 메모.

    좋은 웹페이지 즐겨찾기