728x90
반응형

Cordova 환경 구축하기 : http://googry.tistory.com/admin/entry/post/?id=10

이 포스팅은 몇가지 선행작업이 필요합니다.

1. Cordova 환경 구축하기

2. IntelliJ IDEA 설치(WebStorm도 상관없습니다.)


IntelliJ에는 Cordova가 설치되어 있지 않기 때문에 Plugin으로 추가해줘야합니다.


처음 시작화면에서 Configure->Preferences 창을 열어줍니다.


Plugin탭에서 아래에 Browse repositories... 버튼을 눌러 아래 창을 열어줍니다.


Cordova를 검색하여 PhoneGap/Cordova Plugin을 설치하고 IntelliJ를 재실행 시켜줍니다.


첫화면에서 Create New Project를 누르고 아래 창을 열어줍니다.

Static Web탭에 PhoneGap/Cordova App을 선택하고 Next를 눌러줍니다.


Project Name을 입력하고 Finish버튼을 눌러줍니다.


프로젝트가 정상적으로 생성되었습니다.

이제 빌드를 하고 런 해보겠습니다.

Run->Edit Configurations... 을 선택합니다.



저는 Android로 앱을 실행하는데 실제 디바이스에 실행하고자 합니다.

Commen에 run을 Platform에 android를 넣어줍니다.



Run->Run 'Phonegap/Cordova run'을 선택하시면 빌드가 되고 실제 디바이스에 아래와 같이 앱이 실핼됩니다.







728x90
반응형

'Development > Cordova' 카테고리의 다른 글

(Cordova) Build Android Error: spawn EACCES  (0) 2017.07.14
(Cordova) 코도바 시작하기  (0) 2017.07.14
(Cordova) 코도바??  (0) 2017.07.14
728x90
반응형

Error: spawn EACCES


예제 보고 잘 따라하다가 갑자기 이런 에러를 만났다.




에러를 좀더 자세히 보기위해 --verbose를 붙여봤다.


build가 아니라 run인거는 신경쓰지마세요


보니까 Android Gradle쪽에서 뭔가 문제가 발생한것 같았다.



위와 같이 bin 폴더까지 들어가서 gradle권한을 보니 644였다.

chmod 755 gradle 로 권한을 755로 바꿔줬다.


그리고 다시 Cordova Project 폴더로 돌아와서 빌드를 했다.

platforms라는 Directory가 생기고 그 안에 android라는 폴더가 생겼다.



728x90
반응형

'Development > Cordova' 카테고리의 다른 글

(Cordova) IntelliJ IDEA로 Cordova 프로젝트 만들기  (0) 2017.07.14
(Cordova) 코도바 시작하기  (0) 2017.07.14
(Cordova) 코도바??  (0) 2017.07.14
728x90
반응형


코도바 프로젝트를 생성하고 앱을 만들기 위해서는 코도바를 먼저 설치해야한다.


코도바를 설치하기 위해서는 npm이라는 Node.js의 유틸을 사용해야 해서 Node.js가 설치되지 않은 분들은 먼저 Node.js를 설치해야한다.


Node.js가 설치되었다면 본인 OS에 맞게 설치를 한다.


  • on OS X and Linux:

       $ sudo npm install -g cordova
  • on Windows:

       C:\>npm install -g cordova


그 다음에는 프로젝트를 생성한다.


프로젝트는 cordova명령어를 사용해서 생성한다.

$ cordova create hello com.example.hello HelloWorld


명령어를 실행하여 프로젝트를 만들면 아래와 같이 생성이 된다.




CordovaProject라는 Directory에서 hello라는 프로젝트가 생성되었다.

CordovaProejct는 제가 따로 만들었습니다.


그 다음에는 개발하고자 하는 플랫폼을 추가해야한다.


아까 만든 hello Directory로 이동한다.

$ cd hello


그리고 추가하고자 하는 플랫폼을 추가한다.


$ cordova platform add android


아래 명령어를 입력해서 추가된 플랫폼을 확인한다.


$ cordova platform ls


cordova platform command



이제 platform을 추가했고 빌드를 하기전에 필요한 컴파일 또는 sdk가 준비되었는지 확인해보자.

$ cordova requirements

이 명령어를 실행하면 추가한 platform에서 필요한 것들이 있는지 확인해준다.


이렇게 모든 준비가 끝나면 빌드를 해보자.

$ cordova build

이 명령어는 추가한 platform을 모두 빌드 한다는 뜻이다.

$ cordova build android

특정 platform을 빌드하고 싶으면 뒤에 platform name을 붙여준다.




빌드에 성공하면 platforms가 생기고 그 하위에 빌드한 platform 폴더가 생긴다.


이제 만든 샘플을 실행해보자.


$ cordova run android

명령어를 실행하고 빌드에 성공하면 연결된 디바이스에 아래와 같이 나오면 성공이다.



728x90
반응형
728x90
반응형

코도바는 오픈소스 모바일 개발 프레임워크이다. 

이 프레임워크는 웹 기술인 HTML5, CSS3, JavaScript를 사용해 모바일 앱을 만들 수 있다.


이것을 사용하면 각 플랫폼(안드로이드, 아이폰, 블랙베리, 윈도우폰 등등)의 언어와 툴로 개발할 필요없이 한번의 개발로 여러 플랫폼의 앱을 만들 수 있다.

또한 네이티브 레벨의 api를 사용해서 네이티브 앱의 구성요소를 추가적으로 넣어서 개발할 수 있다.



코도바 애플리케이션의 구조는 아래 그림과 같다.



728x90
반응형

+ Recent posts