본문 바로가기

전체 글

 (178)
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..
Goal2Korea 어플 제작 재미로 시작했던 Flex Mobile을 활용한 골닷컴(http://www.goal.com/kr/) 사이트 어플 1.0 버전을 완성했다. 마켓에서 찾다보니 영문 어플은 있는데 한글 어플이 없어서 제작하게 되었는데, 아직 처음이라 그런지 많이 허접한 부 분이 눈에 띄는것 같다 ㅎ. 기능 설명 1. 주요 뉴스 보기 2. 웹툰 보기 특징 - Goal.com 에서 제공하는 최신 뉴스와 웹툰 서비스를 사용자에게 제공 - 각각의 데이터를 DB에 날짜별로 분류하여 저장 - 사용자는 지난 뉴스를 날짜별로 선택하여 볼수 있음 - FlexMobile의 세련된 디자인과 직관적인 UI를 활용하여 사용자에게 쾌적한 환경 제공 - 추후 이적시장 뉴스와 FM 관련 뉴스를 제공하면 재미 있을것 같음. - 뉴스에 코멘트를 다는것도 제공..
[Flex] NativeWindow 를 센터에 배치하고 최대크기로 띄우기
[Flex] 시작프로그램에 등록하기 윈도우 부팅 시 프로그램이 실행되도록 하고 싶다면 아래 속성을 이용하세요.. NativeApplication.nativeApplication.startAtLogin Boolean값(true, false)을 가집니다..즉.. NativeApplication.nativeApplication.startAtLogin = true; //시작프로그램에 등록 NativeApplication.nativeApplication.startAtLogin = false; //시작프로그램에서 제거
[Flex] 듀얼모니터 사용시 서브 모니터에 풀 스크린으로 실행하기 AIR 어플리케이션을 서브모니터에서 풀스크린으로 실행되게 하고 싶을 때 //두번째 스크린에 띄우기 var screen:Screen = Screen.screens[1]; this.move(screen.visibleBounds.left, screen.visibleBounds.top); //전체 화면 모드 systemManager.stage.scaleMode = StageScaleMode.EXACT_FIT; systemManager.stage.displayState = flash.display.StageDisplayState.FULL_SCREEN_INTERACTIVE;

티스토리툴바