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-* 속성과..

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 영역에 삽입하면 개발환경 설정이 완료됩니다. 개발툴은 평소 개발하고 있는 툴을 쓰면 됩니다. 일반적인 개발툴에서 개발이 가능하며, 제한되어있지 않..

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를 적용했습니다...

◾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/..

센차터치를 구현하기에 앞서 위의 소스처럼 루트패널(Panel)을 생성해 주어야 합니다. 화면 출력의 가장 기본은 루트패널(Panel) 생성입니다. 패널 객체를 만드는게 가장 기초적인 첫 단계입니다. 패널 위에 패널 또 그 위에 패널..이런식으로 HTML에서 Table을 구성하듯 구현합니다. fullscreen 여부와 width, height 의 크기 지정은 필수적인 요소이므로 무조건 값이 세팅이 되어있어야합니다. 위의 소스가 빠져있으면 화면에는 아무것도 출력이 되지 않습니다. doc : http://dev.sencha.com/deploy/touch/docs/ examples : http://dev.sencha.com/deploy/touch/examples/

function Null_Check() {