Cordova 튜토리얼을 시도해보십시오.
사용한 것 (환경)
튜토리얼을 번역하면서 시도
튜토리얼의 페이지는 아래와 같다.
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로 환경을 구축할 때까지의 우왕좌왕 메모.
Reference
이 문제에 관하여(Cordova 튜토리얼을 시도해보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tokky_se/items/ec5d5e004ca5016a71ec
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
여기에서는 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로 환경을 구축할 때까지의 우왕좌왕 메모.
Reference
이 문제에 관하여(Cordova 튜토리얼을 시도해보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tokky_se/items/ec5d5e004ca5016a71ec
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
git clone https://github.com/ccoenraets/cordova-tutorial
www
├─assets
│ ├─css
│ │ └─images
│ ├─pics
│ └─ratchet
│ ├─css
│ └─fonts
├─js
│ └─services
│ ├─json
│ ├─localstorage
│ ├─memory
│ └─websql
└─lib
cordova run android
Module 2: Building a Cordova Project
Module 3: Setting Up the Workshop Files
Cordova 튜토리얼을 시도해보십시오.
cordova&VSCode로 환경을 구축할 때까지의 우왕좌왕 메모.
Reference
이 문제에 관하여(Cordova 튜토리얼을 시도해보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tokky_se/items/ec5d5e004ca5016a71ec텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)