하이브리드 앱, 웹 앱 제대로 배우기

하이브리드 앱, 웹 앱 제대로 배우기

 

1. 코르도바 디바이스 API(카메라 객체 사용하기)

 

navigator.camera.getPicture(onSuccess, onFail, {

quality:50, destinationType: Camera.DestinationType.DATA_URL

});

 

1. 코르도바 디바이스 API(카메라 촬영 및 사진 선택하기)

 

navigator.camera.getPicture(onSuccess, onFail, {

quality:50, destinationType: Camera.DestinationType.FILE_URL,

sourceType: Camera.PictureSourceType. PHOTOLIBRARY

});

 

1. 코르도바 디바이스 API(연락처)

 

플러그인 org.apache.cordova.contacts

navigator.contacts의 메소드

 

Create : 연락처 생성

Find :  연락처 조회

PickContact : 해당 연락처를 조회

 

전화번호 추가/삭제

 

1. 코르도바 디바이스 API(디바이스 정보)

 

device.cordova

device.model

device.platform

device.uuid

device.version

 

1. 코르도바 디바이스 API(디바이스 모션 정보)

 

플러그인 org.apache.cordova.device-motion

 

getCurrentAcceletation : 현재의 가속도값을 반환

WatchAcceleration : 가속도계를 감시

ClearWatch : 가속도 감시자를 제거

 

 

1. 코르도바 디바이스 API (notification)

 

 

alert(경고창) - navigator.notification.alert

confirm(확인창) -  navigator.notification.confirm

prompt(질문 및 답변) -  navigator.notification.prompt

beep(비프음) -  navigator.notification.beep

 

 

1. 코르도바 디바이스 API(파일 핸들링)

 

폰갭이 로딩될 때 FileSystem 요청함

window.requestFileSystem(spaceType, expectSize, success, error);

 

파일에 액세스 할 수 있는 FileEntry 객체를 요청하는 방법

FileSystem.root.getFile(FilePath, Flags, success, error)

 

파일 객체를  구하는 함수

FileEntry.file(success, error)

 

파일 읽기가 완료되었을 때 콜백하는 함수

FileReader.onLoadend 

 

 

 

리뷰

• 하이브리드 앱 프레임워크(아파치 코르도바, 폰갭)을 통해 화면(JS, HTML5)을 통해 모바일 기기에 접근하는 방식을 배울 수 있었습니다.  이러한 프레임워크를 통해 모바일 기기를 활용하여 연락처, 카메라, 디바이스 정보, 모션, 파일 접근을 어떻게 하고 정보를 가공 및 처리 하는지 알 수 있었습니다. 이런 프레임워크를 활용하는 방식은 개인적으로 개발해왔던 방식과는 차이가 있지만 실제로 업무에서도 신규 기능을 개발할 때 코르도바 플러그인을 개발하기 때문에 코르도바 프레임워크를 좀 더 이해하는 강의였다고 생각합니다.
• 해당 강좌를 통해 개발 환경 셋팅 하는 부분이 없는점과 애뮬레이터도 안드로이드 위주로 한정 되어있는 부분이 있어 다소 아쉬운 부분은 있었습니다. 연계되는 다음 강좌에는 단말 내부에 데이터를 저장하고 관리하는 방법과 테마 부분이 있어 기회가 된다면 그 강의도 도움이 될 것 같습니다. 감사합니다.