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/