2014.06.03 일 부분 업데이트 했습니다.

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

Sencha Touch 나 Ext JS를 IDE 툴에서 개발 할 때,
미칠듯이 올라가는 Heap Memory 사용과 함께 “응답없음” 뜨는것을 많이 보셨을 겁니다.

특히, Eclipse / Aptana / WebStorm 같은 툴에서 그러한데요.
당연히 설정에서

  • Validation off
  • Heap Memory 증가
  • Source 에서 예외처리
  • 기타 각종 튜닝기법 총 동원

이렇게 하셔도 “응답없음” 뜨는 것은 여전 합니다.

해결책은 아주 간단합니다.

“CDN 서비스” 받으시면 됩니다.^^

[해결책]
  1. index.html 에서 microloader 나 sencha-touch-xxx.js 같은 파일을 불러오는데, 이부분을 지워 버립니다.
  2. touch 폴더를 삭제 합니다.
  3. 확실하게 하기 위해 sencha-touch-xxx.js 같은 파일도 물리적으로 지워 버립니다.
  4. 그리고 http://cdn.sencha.io 에서 CDN 받아 개발 합니다.
[Sencha Touch CDN]
<br />&lt;link href='http://cdn.sencha.io/touch/sencha-touch-2.3.1/resources/css/sencha-touch.css' rel='stylesheet' /&gt;<br />&lt;script src='http://cdn.sencha.io/touch/sencha-touch-2.3.1/sencha-touch-all.js'&gt;&lt;/script&gt;<br />
[Ext JS CDN]
<br />&lt;link href='http://cdn.sencha.io/ext/gpl/4.2.1/resources/css/ext-all.css' rel='stylesheet' /&gt;<br />&lt;script src='http://cdn.sencha.io/ext/gpl/4.2.1/ext-all.js'&gt;&lt;/script&gt;<br />

개발 할 때는 이렇게 하시고요.
물론, 최종 배포 할 때는 Microloader 로 변경 하신 후, Sencha CMD로 build production 하셔야 겠지요.
(최적화를 위해)

감사합니다.


[ 김종광 – JongKwang Kim ]

– 주식회사 종광, CTO & Founder
– 한국센차유저그룹 운영자
– 미래부/NIPA, 소프트웨어 마에스트로 멘토

– E-Mail : kim@jongkwang.com
– Blog : http://jongkwang.com
– Twitter : @jongkwang
– Facebook : https://facebook.com/kimjongkwang