본문 바로가기

전체 글56

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.
PhoneGap 안드로이드 개발환경 잡기 1 phonegap을 이용하여 안드로이드 앱을 개발하기 위해서 두 가지 설치 과정이 필요합니다. 1 .Android SDK 2. Eclipse Android SDK는 안드로이드앱 개발을 위한 키트로 안드로이드 개발을 시작하려면 꼭 설치해야하는 항목입니다. Eclipse는 Android SDK를 이용하여 개발을 수월하게 도와주는 개발 도구로 이 두가지의 설치가 완료되면 바로 앱 개발을 할 수 있습니다. 1. Android SDK 설치하기 http://developer.android.com/sdk/index.html 요 링크로 들어가서 자신의 OS에 맞는 SDK를 다운받습니다. 그리고 메뉴 하단에 보면 ADT라는게 있는데 이것은 이클립스라는 개발도구에서 안드로.. 2012. 3. 4.
[Android] Life Cycle 안드로이드 배움의 매우 기초단계인 Life Cycle~ 안드로이드는 Activity stack에 실행중인 Activity를 담아서 관리를 한다. 새 Activity를 실행시키면 stack의 맨 위로 추가가 되고 이 Activity가 제거되면 그 다음 Activity가 실행된다. 게임을 하던 중 갑자기 전화가 걸려오면 게임 화면을 잠시 접어두고 전화가 걸려온 화면을 펼쳐야 하기 때문에 응용프로그램은 자신의 메모리, 자원, 상태를 관리하기 위해 Life cycle이 필요한 것! package com.engmomo; import android.app.Activity; import android.os.Bundle; import android.util.Log; //생명주기 확인 소스 public class Lif.. 2011. 10. 6.
HTML5 global Attributes global Attributes : 전반적인 속성들~ New~ 새로생긴 속성들~ contenteditable(true/false) -Specifies if the user is allowed to edit the content or not. -컨텐츠의 수정 가능 여부 contextmenu(menu_id) -Specifies the context menu for an element draggable (true/false/auto) -Specifies whether or not a user is allowed to drag an element -drag & drop API를 위해 사용되는 속성 dropzone (copy/move/link) -Specifies what happens when dragged i.. 2011. 4. 20.
HTML5 canvas에 선과 원 그리기 2011. 4. 18.

티스토리툴바