Sencha Touch

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

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

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

Sencha Touch 2.3 에서 새로 생긴 – Sliding Menu

Sencha Touch 2.3 에 새로 생긴 기능이 몇가지 있는데요. Sliding Menu 기능 참 좋습니다. 센차에서는 Toggle menu 라고 부르더군요. Facebook 처럼 화면이 이동하면서 메뉴가 나타나는 방식인데요. 그동안은 Plugin을 이용헀었는데, 버그도 있고 어느것을 써야 하는지 고민도 했어야 했는데요. 정식으로 지원하는 만큼 써봐야 겠습니다. ^^ Demo URL : http://docs.sencha.com/touch/2.3.1/touch-build/examples/kitchensink/index.html?platform=android#demo/menus [ 김종광 - JongKwang Kim ] – 한국센차유저그룹 운영자(…)

[번역] Leveraging PhoneGap within Sencha Touch – Sencha Touch 에서의 PhoneGap의 활용

안녕하세요. 김종광입니다. Sencha Blog 글을 번역해 봤습니다. 정확한 표현을 위해 원글을 유지 했습니다. 번역글의 완성도를 위해 매끄럽지 않은 부분은 여러분이 좀 알려 주시기 바랍니다. 원글 : http://www.sencha.com/blog/leveraging-phonegap-within-sencha-touch/ 번역 : http://sencha.or.kr/?p=1115 아울러,  “한국 센차 유저 그룹” 페이스북 페이지도 많이 방문해 주세요.^^ https://www.facebook.com/groups/korea.sencha/ Leveraging PhoneGap within Sencha Touch Sencha Touch 에서의 PhoneGap 활용 November 25, 2013 | Ross Gerbasi Introduction 소개(…)

ExtJS 나 Sencha Touch 가 Eclipse/Aptana/WebStorm 같은 곳에서 느리게 작동 할때 – 해결 방법

2014.06.03 일 부분 업데이트 했습니다.   ExtJS 나 Sencha Touch 가 Eclipse/Aptana/WebStorm 같은 곳에서 느리게 작동 할때 – 해결 방법 Sencha Touch 나 Ext JS를 IDE 툴에서 개발 할 때, 미칠듯이 올라가는 Heap Memory 사용과 함께 “응답없음” 뜨는것을 많이 보셨을 겁니다. 특히, Eclipse / Aptana / WebStorm 같은 툴에서 그러한데요. 당연히 설정에서 Validation off Heap(…)

Leather Throw Pillows