Mobile Web App(7)
-
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 -
1. jQuery Mobile이란 무엇인가?
1. jQuery Mobile 소개 jQuery Mobile은 Mobile Web Application 개발을 위한 JavaScript Framework 입니다. jQuery Mobile은 기존의 jQuery 진영에서 직접 개발한 Framework로 네이티브 수준의 모바일웹앱을 개발하기 위한 각종 UI 컨트롤과 Event 처리, 애니메이션 효과 및 자동 네비게이션, Ajax 통신 등 Mobile에 최적화된 기능을 포함하고 있습니다. 2. 특징 jQuery Mobile은 jQuery의 기능에 모바일 플랫폼 기능이 추가된 프레임워크입니다. jQuery Mobile은 HTML, CSS, JavaScript만으로 구성되어있으며 HTML 태그로부터 시작합니다. 기존의 HTML 태그에 HTML5 data-* 속성과..
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 -
1. Sencha Touch란 무엇인가?
1. Sencha Touch 소개 Sencha Touch는 Mobile Web Application 개발을 위한 JavaScript Framework 입니다. Mobile에 최적화된 기능을 탑재하고있으며 폰과 태블릿 기기를 위한 Framework 입니다. Sencha Touch는 ExtJS 개발사의 Framework이며 JavaScript, CSS, HTML 등 순수 웹 기술만으로 네이티브 스타일을 표현할 수 있도록합니다. Sencha Touch는 ExtJS를 기반으로 하고 있기 때문에 ExtJS의 API 구조와 문법 체계를 그대로 이어받아, 모바일에 최적화된 기능들이 포함되어 있습니다. 참고로 국내에서는 멜론(http://t.melon.com)이라는 음악 사이트에 Sencha Touch를 적용했습니다...
2013.01.09 -
2. Sencha Touch 라이브러리 다운로드
◾Sencha Touch는 별도의 프로그램 설치 과정이 필요하지 않습니다. 개발 소스에 라이브러리를 참조시켜 Sencha Touch 프레임워크를 사용합니다. Sencha Touch 라이브러리 다운로드 http://www.sencha.com/products/touch/download/ ◾다운로드 받은 라이브러리에 sencha-touch.js와 sencha-touch.css를 소스에 필히 참조합니다. ◾개발툴은 평소 개발하고 있는 툴을 쓰면 됩니다. 일반적인 개발툴에서 개발이 가능하며, 제한되어있지 않습니다. 라이브러리 다운로드 & 파일 참조(js, css)가 완료되었다면 Sencha Touch를 개발하기 위한 준비가 완료되었습니다. doc : http://dev.sencha.com/deploy/touch/..
2013.01.09