ONLINE CLASS

폰갭

COURSE FOCUS

이 강의에서 배우는 핵심 실무

폰갭을 설치하고 지원 API를 살펴본 뒤 Device와 Camera 기능으로 단말기 정보와 카메라를 사용하는 방법을 익힙니다. Capture와 Compass, 파일 쓰기 API를 실습하며 기기의 기능과 저장 작업을 앱에서 다루는 흐름을 배웁니다. 폰갭 이벤트와 차일드브라우저 플러그인 활용까지 연결해 단말기 기능을 호출하는 애플리케이션 구성을 연습합니다.

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?

A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆

기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

자세히 보기 >

REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

RECENT Q&A

최근 수강질문

최근 등록된 수강질문을 작성순서대로 확인해 보세요.

전체 수강질문 보기

ALZIO DEEP GUIDE

PhoneGap을 더 깊게 이해하기

20강은 PhoneGap 설치·기기 API·파일·미디어·이벤트·플러그인·SNS 인증·하이브리드 앱과 당시 Android Market 등록 흐름입니다. 종료된 PhoneGap 환경의 기존 소스를 이해하는 과정으로 안내합니다.

공식 기술정보 확인20강 커리큘럼 연결2026 현재 기술정보

폰갭 · 20강 · 8시간 53분

01

PhoneGap은 무엇인가

PhoneGap은 웹 기술로 만든 화면을 모바일 컨테이너와 연결해 기기 기능을 사용하는 하이브리드 앱 개발 도구였습니다. Adobe는 개발 종료를 공지했고 PhoneGap Build는 2020년 10월 1일 종료되었습니다. 현재 운영 서비스처럼 소개하지 않습니다.

02

관련 플랫폼과 개발도구의 관계

Apache Cordova는 이어지는 별도 오픈소스 프로젝트입니다. HTML·CSS·JavaScript 화면과 네이티브 기능 사이에 플러그인이 연결됩니다. PhoneGap의 과거 도구·클라우드 서비스와 현재 Cordova의 개발 환경은 구분합니다.

03

PhoneGap의 핵심 기능

기술 자체의 기능과 이 강좌의 직접 학습 범위는 다릅니다. 아래 연결 표시는 저장된 공개 커리큘럼에 근거합니다.

웹 화면·컨테이너

웹 자원을 모바일 앱과 연결합니다. 네이티브 연결은 별도 계층입니다. 단순 웹 페이지와 실행 조건이 다릅니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

기기·카메라·위치

센서·촬영·위치를 호출합니다. 권한과 기기 상태가 필요합니다. 강좌 당시 플러그인의 현재 호환은 별도입니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

연락처·파일·미디어

기기 자료와 저장·재생을 연결합니다. 읽기·쓰기·경로·권한을 나눕니다. 파일 API가 모든 플랫폼에서 같다고 보장하지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

이벤트·플러그인

기기 준비와 비동기 결과를 처리합니다. UI와 호출 순서를 확인합니다. 플러그인 설치만으로 호출 성공이 보장되지는 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

SNS 인증·실전 앱

외부 인증과 앱 흐름을 결합합니다. 외부 서비스 정책이 추가 조건입니다. 과거 인증 예제를 현재 운영에 그대로 사용하지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

종료·이전·유지보수

PhoneGap Build 종료와 Cordova의 별도 경로를 구분합니다. 기존 소스 분석에 학습 가치가 있습니다. 새 플랫폼 환경 검증은 후속 과제입니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

04

이 과정의 실제 작업 흐름

1~8강은 PhoneGap·Device·카메라·위치·가속도·캡처·방향·연결·연락처이고 9~12강은 파일 읽기·쓰기입니다. 13~16강은 미디어·알림·저장소·이벤트·childbrowser 플러그인입니다.

17~19강은 Twitter OAuth·jsOAuth·Facebook Connect·PhotoOnit! 앱 소스 분석, 20강은 당시 Android Market 등록입니다. 현행 SNS 인증이나 스토어 심사 통과를 보장하는 순서로 표시하지 않습니다.

당시 설치·Device
카메라·위치·센서
연락처·파일
미디어·이벤트
SNS·실전 앱
당시 등록·현재 이전

05

핵심 구조를 이해하는 방법

웹 화면·기기 준비 이벤트·플러그인 호출·권한·성공/실패 콜백을 연결합니다. 브라우저에서 보이는 화면과 실제 기기에서 제공되는 기능은 다릅니다. 기존 앱을 읽을 때는 플랫폼·플러그인·외부 인증을 각각 확인합니다.

06

실무 적용과 결과 확인

2~16강에서 웹 UI·기기 준비·플러그인·권한·콜백의 경계를 기록해 보세요. 호출과 결과 표시를 분리하는 소스 분석 연습입니다. 지금의 휴대전화에서 오래된 도구가 동작한다고 보장하지 않습니다.

17~20강은 외부 인증·앱 코드·패키지·마켓 단계의 의존성을 나누어 읽으세요. Cordova로 이전할 때 검토할 항목을 정리하는 후속 제안입니다. 실제 계정 연결·배포나 현행 인증 구현을 이 강좌의 검증된 결과로 추가하지 않습니다.

07

이 강좌에서 집중할 전문주제

전문 축은 JavaScript 화면과 기기 기능 사이의 비동기 연결입니다. 파일 읽기·쓰기와 미디어 호출은 출력만 아니라 준비·권한·오류 경로를 함께 보아야 이해할 수 있습니다.

PhotoOnit! 소스 분석은 개별 API를 하나의 앱 흐름으로 연결하는 후반 학습입니다. Twitter·Facebook의 당시 플러그인과 인증 호출을 현재 서비스 지원으로 혼동하지 않습니다. 강좌 소스는 기존 프로젝트의 의존성 분석에 활용할 수 있습니다.

08

현재 기술과 강좌 환경의 관계

정확한 PhoneGap·OS·플러그인 버전은 미확정입니다. Adobe Devs의 종료 공지에 따라 PhoneGap Build는 2020년 10월 1일 종료된 서비스이며 다운로드·빌드를 현행 지원 절차로 안내하지 않습니다.

Apache Cordova는 별도 지속 프로젝트입니다. 이전 시 플랫폼·SDK·플러그인·권한·서명·인증을 다시 확인해야 하며 소스만 복사하는 호환 보장은 없습니다. Android Market이라는 강좌 당시 명칭과 현재 스토어 운영 절차도 구분합니다.

09

목적에 맞는 기술 선택과 비교

아래 비교는 목적과 작업 구조를 선택하기 위한 안내입니다. 다른 기술 전체를 본 강좌에서 가르친다는 뜻은 아닙니다.

목적에 맞는 기술 선택과 비교
선택지	작업 접근	이 강좌와의 관계
PhoneGap·Build	당시 도구와 종료된 클라우드 서비스	강좌의 역사적 환경
Apache Cordova	별도 프로젝트·로컬 개발 경로	이전 검토의 후속 환경
일반 웹 앱	브라우저 기능과 배포	기기 플러그인 컨테이너와 구분

10

기술개념과 알지오 커리큘럼 연결

회차는 공개 커리큘럼의 실제 순서입니다. 실습 후 응용 제안과 현재 기술 참고정보를 강의에서 제공하는 실습으로 해석하지 않습니다.

기술개념과 알지오 커리큘럼 연결
기능·개념	무엇인가	실무 의미	강좌 회차	학습 상태
기기 접근	설치·Device·카메라·위치·센서·연락처	당시 API 흐름	1·2·3·4·5·6·7·8강	강좌에서 직접 학습
파일·미디어	읽기·쓰기·재생	자료 처리	9·10·11·12·13·14강	강좌에서 직접 학습
이벤트·외부 인증	저장소·플러그인·SNS	비동기 연결	15·16·17·18강	강좌에서 직접 학습
실전·배포 맥락	앱 소스 분석·당시 마켓	역사적 환경	19·20강	강좌에서 직접 학습

11

처음 배울 때 자주 생기는 오해

지금 PhoneGap Build에 올려 빌드하나?

서비스는 종료되었습니다. 현재 지원 경로로 안내하지 않습니다. 기존 소스의 분석과 새 빌드 환경 검토를 나누세요.

PhoneGap 종료가 Cordova 종료인가?

서로 다른 프로젝트 상태입니다. Cordova의 현재 문서를 확인합니다. Adobe의 투자 종료와 프로젝트 전체 종료를 동일시하지 않습니다.

카메라 호출이 브라우저에서도 같나?

컨테이너·플러그인·권한 조건이 다릅니다. 2~3강의 역할을 나누세요. 화면 실행만으로 기기 API를 검증하지 않습니다.

기기 준비 전에 플러그인을 호출해도 되나?

준비와 호출 순서가 중요합니다. 16강의 이벤트를 확인하세요. 비동기 성공·실패 결과를 별도로 처리합니다.

옛 Twitter·Facebook 예제를 그대로 쓰나?

현재 인증과 플러그인 지원을 다시 확인해야 합니다. 17~18강은 당시 흐름입니다. 실제 운영 호환을 보장하지 않습니다.

20강을 따르면 현재 등록이 보장되나?

당시 Android Market 절차입니다. 현행 서명·SDK·정책 검토는 후속 과제입니다. 강좌 내용을 현재 심사 성공으로 확대하지 않습니다.

12

다음 학습 방향

파이썬 (실무+데이터분석)

JavaScript와 다른 Python 응용의 자료 처리 방향을 비교합니다.

자료 보기 →

파이썬 [왕초보] VSCode

새 언어 실행 환경과 기본 문법을 별도로 학습합니다.

자료 보기 →

PhoneGap 관련 과정 비교

입문·실무·심화 과정의 실제 커리큘럼을 목적에 맞게 비교합니다.

자료 보기 →

실습과 복습 계획

새 환경에서 예제를 확인하고 학습 계획을 세우는 방법을 살펴봅니다.

자료 보기 →

폰갭

강의구성
(20강) 전체 : 8시간 53분|평균 : 26분38초

이용기간/강사
2개월
알지오 R&D [IT] ▶ 프로필 보기

증빙가능
수료증, 수강증, 학습진도

수강료
250,000원125,000원

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?

A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

01.31분 폰갭 소개 및 다운로드
폰갭을 내려받고 설치한 후 폰갭에서 지원하는 API에 대해 공부합니다.

소개, Java JDK 설치, 폰갭 내려받기, SDK 지정, Import, jQuery Mobile 설치, jQuery Mobile을 이용한 페이지 구성-header, header 수정, 앱 실행/결과 확인
02.21분 단말기 정보(Device)와 카메라(Camera)
단말기 정보(Device) API와 카메라(Camera) API에 대해서 공부합니다.

단말기 정보(Device), header 지정, var element, 카메라(Camera), configchanges
03.21분 카메라(Camera)
카메라(Camera) API에 대해서 실습합니다.

UI 확인, 버튼값 수정, 큰 이미지 추가, navigator, quality, onPhotoDataSccess 구현, index.html 파일에 추가, 오류 수정2
04.23분 위치정보(Geolocation)
위치정보(Geolocation) API에 대해 실습합니다.

위치정보(Geolocation), geolocation.js 생성, 에러 콜백함수 지정, clearWatch, onErrorWatchPosition, 앱 실행/결과 확인
05.17분 가속도 센서(Accelerometer)
가속도 센서(Accelerometer) API에 대해 실습합니다.

가속도 센서(Accelerometer), content 버튼 추가, getCurrAccel, startWatchAccel, 앱 실행/결과 확인
06.33분 캡쳐(Capture)와 방향정보(Compass)
캡쳐(Capture) API와 방향정보(Compass) API에 대해 공부하고 실습합니다.

캡쳐(Capture), 성공 콜백함수 지정, index.html 파일에 추가, 성공 콜백함수 지정, 에러 콜백함수 지정
07.23분 네트웍 연결(Connection)과 연락처(Contacts)
네트웍 연결(Connection) API와 연락처(Contacts) API에 대해 공부하고 실습합니다.

네트웍 연결(Connection), connection.js 생성, permission 추가, contact.js 생성, 이름 설정
08.28분 연락처(Contacts)
연락처(Contacts) API에 대해 실습합니다.

전화번호 설정, 주소정보 설정, 홈페이지정보 설정, 에러 콜백함수 지정, for문, index.html 파일에 추가
09.22분 파일(File)-1
파일(File) 읽기에 대해 공부하고 실습합니다.

파일(File), File 객체, File 속성 정보, permission 확인, header 수정, myfile.js 생성, gotReadFS 구현, fileSystem 객체
10.20분 파일(File)-2
파일(File) 읽기에 대해 공부하고 실습합니다.

DirectoryEntry, getParent, onload와 onloadend의 차이점, 전체 정의
11.21분 파일(File)-3
파일(File) 쓰기에 대해 공부하고 실습합니다.

파일쓰기, FileWrtiter - abort, seek, truncate, write, 결과값 element, writer.write, 구현한 것 설
12.20분 파일(File)-4
파일(File) 쓰기에 대해 공부하고 실습합니다.

파일 시스템 부분 작성, index.html 파일에 추가, FileTransfer - upload method, FileTransfer - download method, FileTransfer 정리
13.24분 미디어(Media)-1
미디어(Media) API에 대해서 공부하고 실습합니다.

미디어 API, ID 지정, media API - startRecord, stopRecord (녹음관련), Timer 정의, onSuccess 구현 / onError 구현, 정리
14.22분 미디어(Media)-2
미디어(Media) API에 대해서 공부하고 실습합니다.

recordAudio, 성공과 실패의 콜백 정의, 성공 콜백 구현, 녹음에 사용되었던 mediaRecord 해제 / play를 위해 다시생성, 전체 구현 정리
15.46분 알림(Notification)과 저장소(Storage)
알림(Notification)과 저장소(Storage)에 대해서 공부하고 실습합니다.

Notification API, 콜백 구현, 화면 확인, successCB 구현, for루프 탐색, for루프, config.xml-plugin 확인
16.30분 이벤트와 폰갭 플러그인
폰갭이 지원하는 이벤트에 대해 공부하고 차일드브라우저 설치 및 사용 예에 대해 실습합니다.

이벤트 핸들러, batterylow, BatteryLow, ChildBrowser, Android Manifest에 activity 추가, 결과 확인
17.41분 폰갭을 이용한 SNS 인증 및 매쉬업 개발
트위터의 oAuth 인증 절차/jsOAuth와 차일드브라우저를 이용한 트위터 인증 구현/jsOAuth 자바스크립트 라이브러리

oAuth plugin 이용해서 트위터 App 생성, jsOAuth plugin, 변수 정의, 두번째 경우, oAuth AccessToken 설정, Parsing 구현, 오류 수정
18.26분 폰갭을 이용한 하이브리드 앱 실전 개발-1
페이스북 커넥트 플러그인을 이용한 페이스북 인증에 대해 공부합니다.

폰갭 매시업 어플리케이션, jquery mobile 환경 설정, Run the Samples, www 폴더 안에있는script 복사, App ID 설정
19.50분 폰갭을 이용한 하이브리드 앱 실전 개발-2
Photo Onit! 어플리케이션의 기능과 구현에 대해 알아보고 소스 파일을 분석합니다.

Photo Onit! 어플리케이션, script 파일명 변경, Photo Onit! 소스보기, 이벤트 등록 확인, psblogin.js, 업로드, photolist.html, 화면에 사진 표시
20.14분 안드로이드 마켓 등록 및 판매절차
안드로이드 마켓 등록 및 판매절차에 대해 알아봅니다.

안드로이드 마켓 등록을 위한 사전 준비, AndroidManifest/xml 파일 수정, Goolgle play, 콘텐츠 가이드라인/미국 수출 법규, Keystore 위치 지정, Key 생성

강의목록 다운로드 1:1 강의 질문&답변

💬

알지오 학습·수강 도우미

운영진이 확인한 안내를 자세히 보고, 필요하면 바로 상담하세요.

상담 상태 확인 중