[Cordova] #1 코도바 프로젝트 생성

[Cordova] #1 코도바 프로젝트 생성

[필요설치파일]

- sdk (안드로이드 스튜디오설치)
- node.js
- npm install cordova -g(글로벌영역에 설치)

[환경변수에 sdk 추가]

- C:\Users\..\AppData\Local\Android\Sdk\platform-tools (내컴기준)
- C:\Users\..\AppData\Local\Android\Sdk\tools

[환경변수 확인]

- cmd : android -h
- cmd : adb version

[cordova 프로젝트생성]


F:\cordova>cordova create hello com.example.hello HelloWord -d

F:\cordova>cd hello

F:\cordova\hello>cordova platform add ios #ios 파일추가
Using cordova-fetch for cordova-ios@^5.0.0
Adding ios project...
Creating Cordova project for the iOS platform:
        Path: platforms\ios
        Package: com.example.hello
        Name: HelloWord
iOS project created with cordova-ios@5.0.1
Plugin 'cordova-plugin-whitelist' found in config.xml... Migrating it to package.json
Discovered saved plugin "cordova-plugin-whitelist". Adding it to the project
Installing "cordova-plugin-whitelist" for ios
Adding cordova-plugin-whitelist to package.json

F:\cordova\hello>cordova platform add android #android 파일추가
Using cordova-fetch for cordova-android@^8.0.0
Adding android project...
Creating Cordova project for the Android platform:
        Path: platforms\android
        Package: com.example.hello
        Name: HelloWord
        Activity: MainActivity
        Android target: android-28
Subproject Path: CordovaLib
Subproject Path: app
Android project created with cordova-android@8.0.0
Installing "cordova-plugin-whitelist" for android

[cordova 프로젝트 플랫폼 확인]


F:\cordova\hello>cordova platform ls #프로젝트가 어떤플랫폼을 대상으로 개발되는지 확인용
Installed platforms:
  android 8.0.0
  ios 5.0.1
Available platforms:
  browser ^6.0.0
  electron ^1.0.0
  osx ^5.0.0
  windows ^7.0.0

[cordova 프로젝트 플랫폼 제거]


F:\cordova\hello>cordova platform remove ios

[cordova 프로젝트 디렉토리구조]

hello/
    config.xml : 프로젝트설정파일
    hooks : 사용자스크립트저장
    platforms : 각 플랫폼 고유의 프로젝트 파일이 기술
    merges : 각 플랫폼의 리소스, 컴파일 될 때 각 플랫폼별로 합해진다.
plugins : 플러그인이 저장된다.
    www : HTML5 리소스와 앱 설정에 관련한 파일


[cordova 안드로이드 에뮬레이터 이용]


F:\cordova\hello>cordova emulate android -d #에뮬레이터가 실행된다.

[tip-안되는경우]


Could not find an installed version of Gradle either in Android Studio, or on your system to install the gradle wrapper. Please include gradle in your path, or install Android Studio

https://gradle.org/install/
1. 위 링크에서 그래들 최신버전 zip파일 다운로드
2. 원하는 위치에 압축을푼다.
3. 그래들/bin 폴더를 환경변수에 추가해준 뒤 다시 실행.
4. android studio - avd - virtual device manager에서 설정된 환경이없으면 실행이 되지 않으니 하나정도 만들어두고 실행한다.




[프로젝트실행]

cordova run android -d #폰으로 연결시 폰으로 실행된다.

[브라우저로 확인하기]

cordova serve android #웹서버가 실행된다.
F:\cordova\hello>cordova serve android
Static file server running on: http://localhost:8000 (CTRL + C to shut down)
200 / (gzip)
404 /favicon.ico

댓글

댓글 쓰기

이 블로그의 인기 게시물

[파이썬] #2-모듈설치 및 스파이더(spyder)사용

이미지
[파이썬] #2-모듈설치 및 스파이더(spyder)사용 1. 모듈설치 conda list #설치된 모듈확인 conda install 모듈명1 모듈명2 .. #설치 [설치한 모듈] numpy :  pandas :  matplotlib :  spyder : 코드작업 도와주는 개발도구 모듈 2. spyder 사용 > spyder #프롬프트에서 spyder 명령어를 입력하면 실행됨. # -*- coding: utf-8 -*- """ Created on Mon Nov 18 21:03:01 2019 @author: ZZZPANDA """ # 주석 : 소스코드의 설명을 위해서 사용되는 설명문 (#, """-실제로는 주석이 아님, 메모리낭비) # 자동완성 : crtl + space # 단축키 : ctrl+1 # run(실행) : 단축키 F5 # Run selection or current line (선택된곳만 실행) : 단축키 F9 #변수선언 number = 10 number = 15 #출력문사용 # print 함수사용 # python은 '' , "" 둘다 가능. print(number) print("Hello Python~~!") print('') print("오늘은 {0}월 {1}일 입니다.".format(11,18)) import tkinter as tk window=tk.Tk() window.title('Hello Python Window') window.geometry('300x300+300+300') window.resizable(False, True) window.mainloop()
자세한 내용 보기

[Tool-Tip] 에디트플러스에서 자동정렬기능 추가하기

이미지
에디트플러스에서 자동정렬기능 추가하기 처음 코딩을 접할때 에디트플러스로 시작했다. 퍼블리싱을 할때 가볍기로는 제일 좋은 듯하고 (개인취향임.. 다른 에디터는 조금 버벅이는게 느껴진다. ) FTP 쓰기에도 간편하다. 몇 년간 에디트 플러스를 자주 쓰다가 다른 에디터( vscode , atom, eclipse 등..)를 쓰다보니 자동정렬 기능이 항상 아쉬웠다. 다른 에디터로 갈아타려다가 혹시 자동정렬기능이 있을까하여 구글검색을 해보니 어떤 개발자분이 올려둔 정렬 기능이 있더라... 왜 지금찾아봤을까( 검색을 생활화 하자 ) [설정과정] 1. htmlarg.exe 파일을 다운로드한다.  사용환경 : Windows , Editplus / 개발자 : http://www.killrain.net(현재 닫혀있다) 2. 에디트플러스 실행 -> 도구 -> 사용자 도구 구성 -> 추가 -> 다운받은 프로그램(htmlarg.exe) 선택 명령 : 다운로드 받은 htmlarg.exe 파일의 경로 지정 인수 : 정렬을 위한 인수 설정 [ ex : tt? D,head,body,header,footer,nav,section,li,ol,ul D D $(CurSel) ] 동작 : 텍스트 필터로 실행(바꾸기) 3. 적용 -> 확인 으로 완료. 4. 그룹1에 설정했다면  CTRL + 1 ( + 영역선택 ) 단축키로 실행 [인수설정방법] [들여쓰기][서버스크립트][코드들여쓰기] [태그리스트1] [태그리스트2] [태그리스트3] ($CurSel) 들여쓰기 : 0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용 코드들여쓰기 : 0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용 서버스크립트 : 아무것도 적지 않으면 php로 설정 (? 와 동일) , jsp, asp 의 경우 %를 쓴다. 태그리스트1 - 들여쓰기할 태그리스트 : D를 이용하면 기본태그(tr,td,d...
자세한 내용 보기

[파이썬] #1- 아나콘다 설치, 아나콘다 파이썬 환경 만들기

이미지
[파이썬]#1- 설치 1. 아나콘다(Anaconda)설치 수학과 과학 분야에서 사용되는 여러 패키지들을 묶어 놓은 파이썬 배포판 https://www.anaconda.com/ Python 3.7 version(현재최신) [download] - Anaconda.exe 파일 Install  중 all user(C드라이브안에 설치) / just me(사용자계정안에 설치) 선택 - Add Anaconda to my PATH enviroment variable 체크해제 ( 환경변수추가 : 기존파이선과 충돌가능성있음 - 체크해제권장 ) - just me 선택시 C:\Users\[사용자명]\.anaconda 경로에 설치 2. Anaconda navigator 시작 - 실행이 무거워서 Prompt 로 개발 3. Anaconda Prompt 실행 (base) C:\Users\사용자>conda --version #아나콘다 버전확인 conda 4.7.12 (base) C:\Users\사용자>python --version #파이썬 버전확인 Python 3.7.4 (base) C:\Users\사용자>conda info --envs #아나콘다 환경확인 # conda environments: # base * C:\Users\사용자\Anaconda3 (base) C:\Users\사용자>conda create -n test python=3.5 #아나콘다 파이선 환경 3.5버전 만들기 Collecting package metadata (current_repodata.json): done Solving environment: failed with repodata from current_repodata.json, will retry with next repodata source. Collec...
자세한 내용 보기