Sencha Touch

[세미나] 곽옥석님의 Ext JS 특강으로 8월 세미나가 준비 되었습니다.

안녕하세요. 김종광입니다.^^ 곽옥석님 특강으로 8월 세미나 자리를 마련 했습니다.- 일자 : 8월 6일(토) 16시~19시- 장소 : 토즈 신촌본점- 장소협찬 : 공개SW개발자Lab- 비용 : 무료- 내용1. Ext JS 기초(1.5시간) , ExtJS기반 eui Framework (1시간) – 곽옥석2. IoT Labs 소개 및 컨트리뷰터 모집(30분) – 김종광3. 끝나고 뒷풀이 ^^ 참가신청 : https://www.facebook.com/events/1748824942055576 (참가신청 안하고 오셔도 됩니다.) 토요일 뵐께요!!

[Touch] Project 여러개를 통합 관리하기 (무거운 공통 폴더 1개만 사용하자)

원글 : http://forum.sencha.or.kr/t/touch-project-touch-1/150 안녕하세요. 김종광입니다.^^ 이 글에서는 Sencha Touch 를 예로 들어 설명하고 있지만, Ext JS 또한 마찬가지로 관리 할 수 있습니다. (명령어도 같아요) Sencha Touch 프로젝트를 sencha generate app MyApp ../MyApp 해서 만드시면, 무거운 Sencha 의 엔진 파일들(특히 touch 폴더)이 생기지요. 이 파일들이 많아서, SVN 에 import 하면… 파일 많다고 에러 발생하고 불편한것이 한두가지가 아닙니다. 그런데, 1번이면(…)

[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(…)

Sencha Touch 에 외부 이미지 추가하기

안녕하세요. 김종광입니다. Sencha Touch 에 외부 이미지를 추가 하셔도 보통은 잘 작동 합니다. 하지만 이렇게 코딩 하시면 배포용 빌드(Production build) 하시면 a.png 파일이 포함되지 않습니다. 이럴 떄는 app.json 파일에 해당 폴더를 포함 시켜 주시면 됩니다. (물론 sass.scss 를 이용하셔도 됩니다만, 컴파일 해야 하고 복잡하지요 ^^;;) app.json 파일 107line 정도에 이런 주석이 있습니다. Extra resources to(…)

Ajax cross domain 문제, Chrome 시작 옵션으로 무시 하는 방법

Ajax cross domain 문제, Chrome 시작 옵션으로 무시 하는 방법

Sencha Touch 개발 할 때, Ajax 통신이 편리하다. JSONp 통신은 request 의 255자 제한이 있지 않은가? (긴 글을 작성 해서 전송 할 수 없다.) 그런데, Ajax 로 다른 도메인(cross domain)에 접근하면 문제가 발생한다. (CORS를 이용하여 해결하는 방법도 있지만, 귀찮아서..;;;) 이는, 브라우저에서 보안상 막는 것으로 간단히 브라우저 시작 옵션으로 disable 시킬 수 있다. 하이브리드앱을 위해 PhoneGap(…)

[Sencha 객체 비교] Container vs. Panel 어떤 것을 써야 하는가?

안녕하세요. 김종광입니다. 가장 자주 쓰는 객체인 Container 와 Panel 에 대해 비교 해 보겠습니다. 사실 별 차이가 없어서 구분 없이 쓰기도 하는데요. 어느 정도 차이가 나는지 보도록 하겠습니다. 먼저 Ext JS 의 경우 입니다. 당연히 Panel 보다는 Container 를 쓰셔야 합니다. Hierarchy를 보시면 container 가 panel 보다 상위 객체 이지요. 상속 구조에서는 자식이 항상 기능이(…)

Leather Throw Pillows