Develop/Sencha

1장 Ext JS 세팅

GuriZzang 2014. 4. 22. 12:00

센차터치를 살짝 공부해보면서 느꼈던 부분은

센차에서 내려받은 파일중

sencha-touch.css

sencha-touch.js

이 두가지의 파일만 있으면 된다는거!


나머지 폴더들은 전부 예제파일들에 대한 내용이 나온다는거.

(물론 www.sencha.com 에 있는 demo의 kitchen sink 같은 예제파일도 포함되어 있으나..)


Ext JS도 처음 사용할때 코어(?)에 해당하는게 뭔지 찾아봤었다.

물론!!! Ext JS가 뭔지도 모르고 말이지...

하지만 한번도 해보지 않고 하기에는 무리수가 있기에...

처음부터 설명해 보겠다.


준비물

1. 웹서버(로컬포함)

소스를 올리고 확인해 볼 수 있는 웹서버가 필요하다. (설마.. 모르는 사람이 있을까?)

가령 윈도우를 사용한다면 iis서비스를 활성화 한후 도메인에 localhost로 연결하는 방법도 있고

톰캣등을 돌려서 확인할 수도 있다.


2. 에디터

개인적으로 에디터플러스를 그닥 좋아하지 않는다. 그 이유는

화면분할이 되지 않는다는점!

어쩔수 없이 원격지 소스를 수정해 줄때는 이용하지만 개인PC에서 작업할때는 Aptana를 이용한다.

이클립스 기반이라 약간은 무겁지만

에디트플러스에는 없는 현란한 단축키와(에딧플러스도 지정할순 있지만...) 편집 기능들을 제공한다.

예를들어 같은위치의 50줄에 같은 단어등을 쓰거나 할때 shift + alt + a 를 눌러보라.

한줄씩 복사되는 블럭지정이 아니라 걍.. 해보라...

예수가 바다를 가르듯 커서가 위치한 곳에서 타자의 길이 마법처럼 갈라지는 기적을 보게되리니..

(아.. asp 사용자들은 colorful인가? 라는 플러그인을 설치해서 사용해야 함.)


3. Ext JS Source

http://www.sencha.com/products/extjs/download/



위의 링크로 들어가면 

하단에 있는 퍼런색의 "Download"를 누르면 "ext-4.2.1-gpl.zip"을 다운로드 하게된다.

(현재 글쓰는 시점 기준. 세월이 흐르면 버전도 올라가겄제;;)

압축을 푼다.


웹서버에 통채로 들이 붓고 사이트에서 확인해 보면 된다.

(압축이 풀리면 버전이름으로된 폴더 안에 소스가 있는데... 설마... 그 버전이름인 폴더채로 집어넣지는 않으시겠지;;

index.html 및 js파일이 겁나게 많이 보이는 화면에 있는 파일들을 들이 부어주세요~)




아직은 이부분을 진행중.