본문 바로가기

폰갭3

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 CLI 설치하기 안드로이드폰이나 아이폰용 앱을 개발하기 위해서는 각각 다른 프레임웍과 언어가 필요합니다. 폰갭(PhoneGap)은 iOS의 Objectiv-C UIWebView와 안드로이드의 android.webkit.WebView 상에서 HTML, CSS, JavaScript 와 같은 표준 웹 기반 기술을 사용하여 앱을 개발 할 수 있도록 해주는 플랫폼 입니다. 기기의 대부분의 기능도 JavaScript로 폰갭 API를 호출하여 사용할 수 있습니다. 폰갭의 코어 엔진은 100% 오픈 소스로 Apache Cordova 프로젝트 를 사용합니다.(폰갭은 안드로이드, iOS 이외에도 많은 플랫폼을 지원합니다.) 현재 폰갭은 Adobe 사에서 개발하고 있고, PC 용 개발툴 베타버전을 제공 하고 있으나, 아직까지 많이 쓰이는 .. 2018. 4. 3.