본문 바로가기

phonegap4

PhoneGap Desktop 사용하기 "PhoneGap Desktop 설치하기"에서 설치한 PhoneGap Desktop을 사용하여 간단한 App 을 만들고 실행해보겠습니다. 1. 새 프로젝트를 만들기 위해서는 상단의 메뉴에서 File -> Create new project 를 선택하거나 좌측 툴바에서 + 아이콘을 눌러 create new PhoneGap project... 를 선택합니다. 2. Create new PhoneGap project... 를 누르면 나오는 화면입니다. 프로젝트 템플릿을 선택합니다. 여기서는 Hello World 템플릿을 선택하고 Next 버튼을 누릅니다. 사용할 수 있는 템플릿은 다음과 같습니다. - Hello World : Hello World를 출력하는 간단한 템플릿 입니다. - Blank : 빈 템플릿입니다.. 2018. 4. 4.
PhoneGap Desktop 설치하기 이전의 "PhoneGap CLI 설치하기" 에서 Command Line Interface 를 사용해서 PhoneGap 애플리케이션을 개발할 수 있도록 설정 하는 방법을 알아봤습니다. 요즘은 GUI가 익숙해지다보니 명령행 인터페이스로 개발하는것은 상당히 불편하게 느껴지는것 같습니다. 또한 폰갭이 이클립스나 안드로이드 스튜디오와 연동도 잘 되지 않아 개발에 불편이 있었습니다. PhoneGap Desktop은 프로젝트를 생성하고 관리하는 기능만을 GUI로 구현하고 있습니다. 코드를 작성하는 에디터나 빌드툴 등은 없습니다. 단순히 CLI 로 프로젝트를 생성하고, 테스트용 웹서버를 구동하는 등의 작업만을 GUI로 지원 합니다. Adobe 에서 제공하는 GUI 개발툴인 PhoneGap Desktop을 설치하는 방법.. 2018. 4. 4.
안드로이드 스튜디오에서 PhoneGap 프로젝트 불러오기 이번에는 "PhoneGap CLI 설치하기" 에서 만들었던 HelloWorld 프로젝트를 안드로이드 스튜디오에서 Import 하여 보겠습니다. 앞에서 폰갭의 명령행 인터페이스(CLI) 를 설치해서 프로젝트를 생성했었습니다. PhoneGap 프로젝트를 Android Studio나 Eclipse 같은 IDE 툴에서 열어서 사용하는 이유는 디버깅 기능을 사용하고, 실제 휴대폰에서 테스트를 하거나, 출시를 위한 사인 작업등을 쉽게 할 수 있기 때문입니다. 또한 PhoneGap 만으로 처리할 수 없을때 플러그인을 개발하여 사용하기 위해서도 사용됩니다. PhoneGap 프로젝트를 Android Studio 로 열었을때 www 폴더를 제외한 다른 부분은 수정을 하지 않는것이 좋습니다. 수정을하게되면 platforms.. 2018. 4. 3.
PhoneGap CLI 설치하기 안드로이드폰이나 아이폰용 앱을 개발하기 위해서는 각각 다른 프레임웍과 언어가 필요합니다. 폰갭(PhoneGap)은 iOS의 Objectiv-C UIWebView와 안드로이드의 android.webkit.WebView 상에서 HTML, CSS, JavaScript 와 같은 표준 웹 기반 기술을 사용하여 앱을 개발 할 수 있도록 해주는 플랫폼 입니다. 기기의 대부분의 기능도 JavaScript로 폰갭 API를 호출하여 사용할 수 있습니다. 폰갭의 코어 엔진은 100% 오픈 소스로 Apache Cordova 프로젝트 를 사용합니다.(폰갭은 안드로이드, iOS 이외에도 많은 플랫폼을 지원합니다.) 현재 폰갭은 Adobe 사에서 개발하고 있고, PC 용 개발툴 베타버전을 제공 하고 있으나, 아직까지 많이 쓰이는 .. 2018. 4. 3.