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] 단통법 덕분에 Sencha Touch 가 살아나는 구나^^

Sencha Touch 의 강점은 – Android – iPhone / iPad 한번에 지원하다는 것이죠. 그런데 이게 무슨 소용인가요. 한국에서는 Android 최우선/유일 정책인데요. (시장점유율이 90% 이상이죠) 그런데, 이런 기조가 깨질 것도 같습니다. 바로 “단통법” 때문인데요. 외산폰의 무덤으로 불리던 한국에서 아이폰과 샤오미가 선전하고 있기 때문입니다. – 기사1 : http://www.theverge.com/2015/1/21/7865215/apple-iphone-6-record-sales-asia – 기사2 : http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&oid=277&aid=0003418022&sid1=001 안드로이드앱을 Sencha Touch 로 만드는 […]

[Sencha Theme] .scss 컴파일 옵션 : config.rb 샘플

안녕하세요. 김종광입니다. Sencha Touch 나 Ext JS 테마를 변경 하실 때, .scss 파일을 다루셔야 합니다. .scss 다루는 방법 : https://www.sencha.com/blog/an-introduction-to-theming-sencha-touch Compass 가 .scss 파일을 컴파일 하는 방법은 config.rb 에 기록되어 있습니다. 제 config.rb 를 올려 두도록 하겠습니다. 이 파일에는 .css 가 생성 될 때, 어떤 scss 로 부터 만들어 졌는데 위치가 표시되고 귀찮은 .sass-cache 폴더 위치를 […]

[번역] Sencha Architect 테마 변경 – Re-skinning Your Apps Just Got Easier with Sencha Architect 3

안녕하세요. 김종광입니다. Sencha Blog 글을 번역해 봤습니다. 정확한 표현을 위해 원글을 유지 했습니다. 번역글의 완성도를 위해 매끄럽지 않은 부분은 여러분이 좀 알려 주시기 바랍니다. 원글 : http://www.sencha.com/blog/re-skinning-your-apps-just-got-easier-with-sencha-architect-3/ 번역 : http://sencha.or.kr/?p=1143 아울러,  “한국 센차 유저 그룹” 페이스북 페이지도 많이 방문해 주세요.^^ https://www.facebook.com/groups/korea.sencha/ Re-skinning Your Apps Just Got Easier with Sencha Architect 3 December 05, 2013 | Miroslav Bojic There are […]

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 Memory […]

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

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

이 글은 한국센차유저그룹( sencha.or.kr )에도 등록되어 있습니다. http://sencha.or.kr/?p=1248 안녕하세요. 김종광입니다. 이번엔 Sencha Touch/Ext JS 에서 Loading… 표시를 자동으로 show/hide 하는 방법에 대해 말씀 드리겠습니다. 소스코드 마다 Ext.Viewport.setMasked(…) 했다가 Ext.Viewport.setMasked(false) 하는건 여간 귀찮은 것이 아닙니다. 대부분 이러한 표시는 Ajax 통신 할 때 표시 합니다. Ajax 사용하지 않을 때는 그다지 느린 경우가 없으니 잘 사용 안하지요. 방법은 […]

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

이 글은 한국센차유저그룹( sencha.or.kr )에도 등록되어 있습니다. http://sencha.or.kr/?p=1241 안녕하세요. 김종광입니다. 안드로이드에서 formpanel 사용 하실 땐 성능에 주의 하세요. 안드로이드 내장 브라우저(PhoneGap 포함)에서 formpanel 이 무척 느리게 동작 할 수 있습니다. 내껀 늘 느리고, Sencha 공식 예제는 늘 빠르다고 느끼는 것 중에 하나인데요. 여러가지 이유가 있지만, formpanel 의 경우 크게 차이가 나네요. [상황] 안드로이드 기본 브라우저(크롬 […]

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

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

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