Sencha CMD를 사용하지 않아도 구조를 잡아서 진행을 할 수 있으나,
그냥 Sencha CMD라는 툴을 사용하여 ExtJS의 구조를 잡아보도록 하겠습니다.
SenchaCMD 설치전 ExtJS5 GPL 버전 다운로드부분은 하단 포스팅을 참고해주세요
2014/10/18 - [웹개발강좌/ExtJS] - ExtJS 강좌 - ExtJS5를 이용한 설치 및 연동하기 편
※ Sencha CMD는 최소 JDK 1.6 (+) 이 설치되어 있어야 합니다.
http://www.sencha.com/products/sencha-cmd/download/
상단 url 접속 후 자신의 플랫폼에 맞는 "Download Now" 버튼을 클릭하여 SenchaCmd를 다운로드 받도록 합니다.
※ 윈도우 기준으로 포스팅하겠습니다.
압축해제 후 "SenchaCmd-x.x.x.xxx-windows.exe" 실행을 하여 Sencha CMD를 설치 합니다.
Next 클릭
약관동의 체크 후 Next 클릭
디렉토리 설정 후 Next 클릭
(기본디렉토리로 하여도 무관)
Snecha CMD 설치진행..
설치완료 Finish 클릭
설치가 정상적으로 완료되었는지 CMD 창을 띄운다음
"sencha" 라는 명령어를 쳐보도록 합니다.
위처럼 어떤 메시지들이 읽힌다면 설치는 성공한 것입니다.
이어서 ExtJS의 구조를 생성해 보도록 하겠습니다.
명령어의 구조는 다음과 같습니다.
위처럼 명령어를 주면 되겠습니다.
ExtJS부모디렉토리 경로란 ?
위 파일들이 존재하는 위치의 부모디렉토리를 뜻하는 것입니다.
한번 CMD 창에 sencha 명령어를 이용하여 구조를 생성해보도록 하겠습니다.
E:\>sencha -sdk C:\Users\xxx\Downloads\ext-5.0.1-gpl\ext-5.0.1 generate app extjs_mvc e:\extjs_mvc
위와같이 출력되었다면 설치한 e:\extjs_mvc 디렉토리를 확인해보도록 하겠습니다.
해당 파일들을 통째로 자신의 프로젝트 ROOT 경로에 위치시켜 놓은 다음 실행을 해보도록 합니다.
샘플컴포넌트가 생성되었다면 정상적으로 Sencha CMD를 이용하여 구조생성이 완료된 것입니다.
다음 포스팅부터 ExtJS 구조에 대해서 하나씩 알아보도록 하겠습니다 .
by 개발로짜
ExtJS 강좌 - ExtJS5 MVC 구조 잡아보기(View/Controller + Model+Store 추가) (0) | 2014.11.26 |
---|---|
ExtJS 강좌 - ExtJS5 MVC 구조 잡아보기(View+Controller 연동) (2) | 2014.11.26 |
ExtJS 강좌 - ExtJS5의 polar 타입 차트그래프 간단하게 알아보기 (0) | 2014.11.18 |
ExtJS 강좌 - ExtJS5의 cartesian 타입 차트그래프 종류별로 출력해보기 (0) | 2014.11.18 |
ExtJS 강좌 - Ajax 비동기 통신에 대하여 알아보자 (0) | 2014.11.13 |