본문 바로가기

공부방/Sencha touch

(6)
[Sencha Touch] Sencha Touch 개발환경 세팅하기 1. Aptana 설치 : JavaScript 편집을 위한 Editor http://www.linux.co.kr/home/lecture/index.php?cateNo=11&secNo=10451&theNo=&leccode=10921 2. Sencha Touch SDK Download http://www.sencha.com/products/touch/download.php?dl=publicbeta091 3. Sencha Touch API Document http://www.sencha.com/deploy/touch/docs/ 4. Crome 설치 네이버에서 '크롬' 을 치세요^________^ 요정도 준비하면 이제 세팅 완료임. Sencha SDK는 별도로 install 할 필요가 없다. 압축을 풀어 열어보..
[번역] 튜토리얼 - Sencha Touch로 Hello World를! 얼마 전에 무료화 된 Sencha Touch의 완전 초보자용 튜토리얼. 제대로 공부해보고 싶은데 자료가 별로 없다. 번역하고 나니까 넘 별거 없어서 괜히 했나 싶은..^^;;;; 번역 하다가 둔것도 많은데 하필 이걸 ㅠㅠ 뭐 이제 시작인데 시리즈로 해볼까나? 원문은 http://www.sencha.com/learn/Tutorials#Sencha_Touch_Tutorials Sencha Touch의 세계로 오신 것을 환영합니다! 이 글에서 우리는 첫 어플리케이션을 만들기위한 가장 기본적인 것들을 살펴볼 것입니다. 오랜 전통을 가진 "Hello World"를 찍어보는 것으로 말이죠. Sencha Touch 다운 받기아직 다운 받지 않았다면 Sencha Touch SDK를 받으세요. 이 배포버전에는 방대한 문..
Sencha Touch API Documentation http://dev.sencha.com/deploy/touch/docs/
Sencha Touch 기술 현황과 전망 about Sencha Touch모바일웹 사이트를 준비하시는 분들은 Sencha Touch 와 jQuery Mobile 프레임워크에 대해 한번씩은 들어 보았을 것이다. 이것들 중 ‘가장 강력한 모바일 UI 프레임워크’ Sencha Touch 에 대해 글을 쓰고자 한다. 모바일 UI Framework 대게 프레임워크 하면 Server-Side에 설치되는 경우가 보통이었다. Struts 프레임워크가 그러하고 Spring 프레임워크가 그러하였다. 대부분의 클라이언트들은 데스크탑과 노트북을 이용하여 서버에 접속하였고 항상 온라인 상태를 유지하기 때문에 Server-Side 에서 데이터를 가공하여 표시하는 것이 중요했다. 그러던 것이… 모바일 환경이 도래하면서, 기존의 환경과는 다른 모습이 생겨났다. UI/UX가..
senChaTouch GeoTweets 센차터치 getting-started에 나온 Tweet예제를 따라 만들어 보았습니다. 센차터치는 음 jquery와 비교해 보면 상당히 OOP적인 냄새가 나는 프레임웍같습니다. 편안한 사용을 위한 학습 진입장벽이 있지만 투자한 만큼 유용하게 사용할 수 있을것 같네요. 예제코드는 센차홈페이지에 잘 나와있으니 참고 하시면 되는데 map생성 옵션에 오타가 있으니 요건 주의 하세요. // map생성 var map= new Ext.Map({ title: "Map", useCurrentLocation:true, // 예제 코드가 getLocation이라고 되어 있음. mapOptions:{zoom:12} css를 이용해 살짝 꾸며본 화면입니다. refresh버튼은 왜 css적용이 안되는지 좀더 봐야 겠네요. Ext...
SenchaTouch Data 처리 센차터치 폼 예제를 보았습니다. 관련예제 : http://dev.sencha.com/deploy/touch/examples/forms/ 폼에 사용하는 Data처리가 상당히 구조적으로 이루어져 있더군요. 객체가 많아 간단히 정리해 보았습니다. SenchaTouch Data패키지Sencha Touch애플리케이션은 Model, Store, Proxy 등의 Data 패키지의 각 클래스를 사용해 데이터를 관리합니다. Sencha Touch에서 만들어지는 응용 프로그램의 대부분은 GUI구성요소를 연결하는 이러한 Data 관련 클래스를 직접적 또는 간접적으로 사용합니다. Model애플 리케이션에서 사용할 데이터를 표현ProxyModel에 사용되는 데이터소스를가져( 로드 )오는 역할StoreModel인스턴스 집합체Re..