[Using Forms in Sencha Touch] 센차터치에서 폼 사용하기 – (2014.06.09 번역됨)

원본글 : Using Forms 번역자 : 박정환 <dynamiczoe@gmail.com> Using Forms in Sencha Touch 센차터치에서 폼 사용하기   Most apps that require user input make use of forms. In Sencha Touch forms are a wrapper around normal HTML5 forms, with additional options for validating and submitting data, and provide an easy way to lay out fields(…)

[Using Views in Your Applications] 어플리케이션에서 보기 사용하기 -(2014.06.09번역됨)

원본글 :  Views 번역자 : 박정환 <dynamiczoe@gmail.com> Using Views in Your Applications 어플리케이션에서 보기 사용하기 From a user’s point of view, your application is simply a collection of views. Although much of the value of the app is in the Models and Controllers, users directly interact with the Views. In this guide we are going(…)

리스트 사용하기 (Using Lists in Sencha Touch)

원본 : http://docs.sencha.com/touch/2.2.1/#!/guide/list 번역 :  http://sencha.or.kr/?p=1314 번역자 : 컴퓨터공학과 양우현   Semcha Touch는 항목들의 인덱스-스타일 리스트를 나타내기 위한 리스트 컴포넌트를 제공합니다. 이 튜토리얼에서는, 기본 리스트를 설정하고 인덱스 바와 그룹 아이템을 마커에 추가하는 방법에 대해 보여드립니다 또한 세부 항목을 생성하여 각각의 리스트 항목을 나타내는 방법을 알려드리겠습니다. 이 튜토리얼은 Sencha Touch에 새로 내장된 NavigationView와 MVC를 포함합니다. GitHub:(…)

리스트 사용하기[Using Lists in Sencha Touch]

원본 : http://docs.sencha.com/touch/2.3.1/#!/guide/list 번역본 : http://sencha.or.kr/wp-admin/post-new.php 센차터치는 항목의 인덱스 스타일 리스트를 표시하기위한 리스트 구성 요소를 제공합니다. 이 튜토리얼에서, 우리는 기본 목록을 설정하는 과정을 안내하고, 마커에서 함께 인덱스 바  및 그룹 항목을 추가하는 방법을 보여줍니다. 우리는 또한 어떻게 각 목록 항목에 대한 정보를 공개하는 세부 사항 패널을 만드는 방법을 보여줍니다. (Sencha Touch provides a List component for presenting an index-style(…)

프록시를 사용하여 (Using Proxies)

원문 : http://docs.sencha.com/touch/2.3.1/#!/guide/proxies 번역문 :http://sencha.or.kr/wp-admin/post.php?post=1302&action=edit 번역자 :  좌찬익(컴퓨터교육과 2011104145) 프록시는 모델 데이터의 로딩 및 저장을 처리하는 스토어에 의해 사용된다.  프록시는 클라이언트와 서버 두가지 유형이 있다.  클라이언트 프록시의 예는 브라우저의 메모리와 사용할 수 있는 HTML5의 로컬 저장 기능을 사용하여 로컬 저장소에 데이터를 저장하기 위한 메모리를 포함한다. 서버 프록시는 원격 서버에 데이터의 마샬링을 처리하는데 예로 아약스 , JsonP,(…)

캘로셀 사용하기 (Using Carousels in Sencha Touch)

원본 :  http://docs.sencha.com/touch/2.2.1/#!/guide/carousel 번역본 :  http://sencha.or.kr/?p=1293 번역자 : 컴퓨터 공학과 양우현 탭과 같이 캘로셀은  여러개의 전체화면 페이지를 통해서 사용자가 두드릴 수 있는 좋은 방법이다. 하나의 캘로셀은 한번에 하나의 페이지를 보여주지만, 두드리는 행동을 함으로써 다른 페이지를 탐색 할 수 있습니다. 좌우로 넓게 펼처진 항목들의 나머지와 같은 하나의 활성 항목으로 캘로셀을 생각 할 수 있습니다. 표지 점들이(…)

저장소 이용하기 (Using Stores)

원문 : http://docs.sencha.com/touch/2.3.1/#!/guide/stores 번역문 :http://sencha.or.kr/?p=1267 번역자 : 고경환(제주대학교 컴퓨터공학과) Models 은 일반적으로 스토어와 함께 사용되고, 기본적으로 모델인스턴스 컬렉션 입니다. 저장소 설정과 데이터로드는 다음과 같이 수행합니다: Models are typically used with a Store, which is basically a collection of model instances. Setting up a store and loading its data is done as follows: Ext.create(‘Ext.data.Store’, { model: ‘User’, proxy: { type:(…)

[Sencha Touch / Ext JS] Loading… Mask 자동으로 표시하기

[Sencha Touch / Ext JS] Loading… Mask 자동으로 표시하기

안녕하세요. 김종광입니다. 이번엔 Sencha Touch/Ext JS 에서 Loading… 표시를 자동으로 show/hide 하는 방법에 대해 말씀 드리겠습니다. 소스코드 마다 Ext.Viewport.setMasked(…) 했다가 Ext.Viewport.setMasked(false) 하는건 여간 귀찮은 것이 아닙니다. 대부분 이러한 표시는 Ajax 통신 할 때 표시 합니다. Ajax 사용하지 않을 때는 그다지 느린 경우가 없으니 잘 사용 안하지요. 방법은 Ext.Ajax 객체의 Event 를 잡아서 show/hide 하는 것입니다.(…)

[Sencha Touch 성능] 안드로이드에서 formpanel 사용에 주의 하세요.

안녕하세요. 김종광입니다. 안드로이드에서 formpanel 사용 하실 땐 성능에 주의 하세요. 안드로이드 내장 브라우저(PhoneGap 포함)에서 formpanel 이 무척 느리게 동작 할 수 있습니다. 내껀 늘 느리고, Sencha 공식 예제는 늘 빠르다고 느끼는 것 중에 하나인데요. 여러가지 이유가 있지만, formpanel 의 경우 크게 차이가 나네요. [상황] 안드로이드 기본 브라우저(크롬 아님) 또는 폰갭에서 formpanel 이 Scrollable:true 상태로 스크롤(…)

[Sencha Touch] 실행 환경 확인하기 ( is Android? or iOS? )

[Sencha Touch] 실행 환경 확인하기 ( is Android? or iOS? )

안녕하세요. 꺽달이 김종광입니다. Sencha 에는 User-Agent 를 확인해서 어떤 환경에서 실행 되고 있는지 쉽게 파악 할 수 있습니다. (User-Agent 확인 하는 일이 은근 골치 아프죠.;;) 참조 URL : http://docs.sencha.com/touch/2.3.1/#!/guide/environment_package [OS 구분] iOS Android webOS BlackBerry RIMTablet MacOS Windows Linux Bada Other 그리고 ​iPhone iPad iPod Desktop Phone Table 이렇게 있습니다. 사용 방법은.. [브라우저 구분] Safari Chrome(…)