본문 바로가기

전체 글52

PhoneGap 카메라 제어하기 이번 포스팅에서는 폰갭으로 카메라를 제어하는 방법에 대해 써보도록 하겠습니다. 어플개발 공부를 하다보면 가장 관심이가는 부분이 카메라 제어가 아닐까 싶어요~ 알아두면 활용방법이 다양하기 때문이죠~ 명함관리 어플을 만든다던디 프로필을 작성한다던지 할때 사진의 활용은 중요하니까요~ㅎㅎ 카메라는 이렇게 사용합니다 navigator.camera.getPicture( 성공시 이벤트, 실패시 이벤트, 카메라옵션 ); 이벤트를 걸어주는 부분은 딱히 설명이 필요 없을것 같고~ 카메라 옵션 부분이 중요합니다. 옵션은 아래와 같이 "{}" 중괄호 안에 속성값을 ","로 구분해서 정의해주면 됩니다. navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality : 50.. 2012. 3. 18.
PhoneGap device 정보 가져오기 폰갭을 이용하여 디바이스의 정보를 가져올 수 있습니다. 어플을 실행하기 위해 필요로 하는 안드로이드의 버전이 낮을 경우 안내멘트를 띄운다거나 하는데 사용할 수 있을것 같네요~ 가지고 올수 있는 디바이스의 정보로는 name, phonegap, platfrom, uuid, version 등이 있습니다. name은 디바이스의 제품명이나 모델명, phonegap은 폰갭 api의 버전, platform은 디바이스의 운영체제, uuid는 디바이스의 일련번호, version은 운영체제의 버전 정보가 되겠습니다. 이렇게 사용하면 각각의 디바이스 정보가 device_info라는 id를 가진 위치로 정보를 넣어줍니다. 완성된 소스~ 실행 결과 2012. 3. 15.
PhoneGap 안드로이드 컨펌창 띄우기 이전 포스팅에서는 알림창을 띄우는걸 해봤는데요 이번에는 컨펌창 띄우기에 대해 포스팅을 해보겠습니다. 일반 알림창은 '확인' 버튼만 있으면 되지만, 컨펌창의 경우는 버튼을 여러개 사용할 수 있어야겠죠~ 컨펌창은 알림창 띄우기와 매우 유사합니다. navigator.notification.confirm(컨펌메시지, 컨펌을 닫고 실행할 이벤트, 컴펌창 타이틀, 버튼이름); 이렇게 쓰면 됩니다. 하지만 버튼의 경우 알림창과 다르개 여러개가 들어가야 합니다. 버튼이름 넣는 부분을 "확인,취소" 이런식으로 버튼을 "," 로 구분지어 줍니다. 앞에부터 버튼의 value가 1, 2 가 됩니다. 그리고 컨펌창을 닫고 실행할 이벤트에 button으로 선택된 value를 받아서 그에 맞는 처리를 해줄 수도 있습니다. 자세한건.. 2012. 3. 11.
PhoneGap 안드로이드 알림창 띄우기 이번 포스팅에서는 폰갭을 이용하여 알림창과 컨펌창 띄우는걸 해볼꺼에요. [Phonegap] javascript Event 추가하기 포스팅에서 작성한 소스에서 조금만 수정하면 된답니다. document.addEventListener("deviceready", onDeviceReady, false); 이부분은 저번 포스팅에서 어플이 시작되었을때 발생시킬 이벤트를 정의 하는 것이라고 설명드렸습니다. 그렇다면 어플이 시작되었을때 알림창을 띄우려면 onDeviceReady 이 이벤트 안에 코드를 추가해주면 되겠지요?? 일반 alert()로도 알림창을 띄울수 있지만, 폰갭 api를 보니 미리 정의된 알림창이 있었습니다. ※ 폰갭 notification api 참조는 요기로 http://docs.phonegap.co.. 2012. 3. 11.
PhoneGap javascript Event 추가하기 폰갭 샘플 소스를 실행시켜보셨다면~ html 파일과 javascript 로 구성된걸 확인하실 수 있을껍니다. 그렇다면 일반 웹에서 작업하듯 이벤트는 자바스크립트로 작성하면 되는걸까?? 하는 생각에 바로 프로젝트를 생성해서 폰갭 설정을 하고, (설정하는 방법을 까먹으셨다면 [PhoneGap] 안드로이드 프로젝트 생성하기 요 포스팅 참고하기~) index 파일에 alert("test"); 라고 알림창을 띄우는 자바스크립트 코드를 한줄 추가해보았습니다. ( 소스를 직접 포스트에 추가했더니 자꾸 스크립트가 실행되서.. 이미지로 첨부했어요.. ) 요렇게 작성한 소스를 실행해본결과~ 요렇게 일단 알림창이 뜨는 걸 확인 할 수 있었습니다. 그런데 이때!!.. 2012. 3. 10.
PhoneGap 안드로이드 프로젝트 생성하기 저번 포스팅에서 폰갭 샘플 소스를 돌려봤으니 이번에는 폰갭을 이용하여 안드로이드 앱을 만들때 꼭 해줘야할 기본작업에 대해 알아보겠습니다 안드로이드 프로젝트를 생성하고 샘플소스를 뚝딱뚝딱 붙여넣기를 해주면 된답니다. 1. 안드로이드 프로젝트 생성하기 이클립스를 켜고 File - New - Android Project를 차례로 선택합니다. 만약 Android Project 가 보이지 않을 경우 File - New 메뉴 맨 아래 Other...라는 메뉴가 있는데 요기 들어가서 찾으시면 됩니다. Android Project를 선택하면 아래와 같은 창이 뜨는데 Project name과 만들 앱의 안드로이드 버전을 선택합니다. 그리고 Package name은 유니.. 2012. 3. 6.
PhoneGap 샘플 프로젝트 실행하기 phonegap을 사용하여 앱을 만들려면 폰갭 샘플 소스를 이용해야합니다. 샘플소스를 보고 이와 유사한 형태로 만들어놓은 상태에서 앱 만들기 작업에 들어가기 때문에 샘플소스는 꼭 돌려보아야 작업을 수월하게 할수 있습니다. http://phonegap.com/ 폰갭 사이트에 들어가면 상단 오른쪽에 다운로드 버튼 있습니다. 압축을 풀어포면 lib 라는 폴더 안에 모바일OS별 예제파일과 라이브러리 파일들이 들어있습니다. 우리가 필요한건 안드로이드 이기때문에 android 폴더로 들어가면 example 폴더가 있습니다. 이것을 이클립스에 옮겨서 실행시킬꺼기때문에 요 경로를 기억해두어야합니다. 자 이제 이클립스로 넘어가서 File - New - Other... 의 메.. 2012. 3. 4.
PhoneGap 안드로이드 개발환경 잡기 2 설치된 이클립스에 안드로이드를 개발하기 위해 몇 가지 설정을 해줘야한답니다. 아래 보시는 바와 같이 workspace를 새로 지정하면 아래와같이 뜨는데 welcome 창은 과감하게 닫아주면 됩니다. 그리고 Window 메뉴를 클릭하면 preferences 가 있는데 이클립스의 기본적인 설정을 하는 메뉴입니다. 클릭해서 들어가면 Android 탭이 있는데 들어가면 에러났단식으로 뭐가 뜹니다. Android SDK의 경로가 지정이 안되있어서 나는 오류인데요. Browse.. 버튼을 눌러 설치된 경로를 잡아주고 Apply해주면 됩니다. SDK 경로까지 지정해줬지만 바로 개발을 할 순 없어요~ 안드로이드 2.1, 2.3.3 버전 등 여러가지가 있기 때문에 버전.. 2012. 3. 4.

티스토리툴바