모바일웹앱(4)
-
Android PhoneGap/Cordova example
1. http://phonegap.com/ 들어가서 Install PhoneGap 클릭 2. PhoneGap 2.9.0 저는 최신버전으로 다운로드 해봅시다. 3. 압축을 푸시면 phonegap-2.9.0\phonegap-2.9.0\lib\android 여기안에 있는 xml, cordeova.js , cordova-2.9.0.jar 가있습니다. 이걸 넣어주시면됩니다. 4. 먼저 cordova-2.9.0.jar 를 프로젝트 안에 libs 에 복사해주세요 5. 프로젝트 우클릭 -> properties 를 눌러주세요 6. Java Build Path 클릭 -> Add JARs... 클릭 -> 아까 저장한 libs cordova.jar를 클릭 -> OK 버튼을 눌러주세요 7. Order and Export 에서 ..
2013.10.17 -
1. jQTouch란 무엇인가?
1. jQTouch 소개 jQTouch는 Mobile Web Application 개발을 위한 플러그인(또는 라이브러리)입니다. jQTouch는 HTML, CSS, JavaScript로 구현된 웹 클라이언트 측 기술로 모바일 친화적 효과(Native Effect)를 구현할 수 있습니다. 2. 특징 jQTouch는 jQuery를 기반으로 작성되었습니다. 이것은 jQTouch가 jQuery의 플러그인 형태로 개발됐기 때문입니다.(http://plugins.jquery.com/project/jqtouch 참고) jQTouch를 이용한 모바일웹앱 개발은 iOS 계열 모바일 기기에 한정적입니다. 특히 Tablet PC보다 Phone에 최적화 되어, 표현 자유도가 타 프레임워크에 비해 매우 낮고 한정적입니다. jQ..
2013.01.09 -
jQuery Mobile 개발환경 설정
jQuery Mobile은 별도의 프로그램 설치 과정이 필요하지 않습니다. 개발 소스에 라이브러리를 참조시켜 jQuery Mobile 프레임워크를 사용합니다. jQuery Mobile 라이브러리 다운로드 http://jquerymobile.com/download/ 다운로드 받은 라이브러리에는 jquery-mobile-1.0a3.js와 jquery-mobile-1.0a3.css, images 폴더가 존재합니다. CDN 서비스를 이용할 경우 이미지 파일은 따로 가지고 있지 않아도 됩니다. jQuery Mobile 라이브러리 참조 시 아래와 같이 개발소스의 HEAD 영역에 삽입하면 개발환경 설정이 완료됩니다. 개발툴은 평소 개발하고 있는 툴을 쓰면 됩니다. 일반적인 개발툴에서 개발이 가능하며, 제한되어있지 않..
2013.01.09 -
SenchaTouch 패널(Panel) 생성하기
센차터치를 구현하기에 앞서 위의 소스처럼 루트패널(Panel)을 생성해 주어야 합니다. 화면 출력의 가장 기본은 루트패널(Panel) 생성입니다. 패널 객체를 만드는게 가장 기초적인 첫 단계입니다. 패널 위에 패널 또 그 위에 패널..이런식으로 HTML에서 Table을 구성하듯 구현합니다. fullscreen 여부와 width, height 의 크기 지정은 필수적인 요소이므로 무조건 값이 세팅이 되어있어야합니다. 위의 소스가 빠져있으면 화면에는 아무것도 출력이 되지 않습니다. doc : http://dev.sencha.com/deploy/touch/docs/ examples : http://dev.sencha.com/deploy/touch/examples/
2013.01.09