Ext JS 4 시작하기 (1)
JavaScript/ExtJS / 2011. 9. 12. 23:50
다운로드
http://www.sencha.com/products/extjs/download/ 에서 Ext JS 4 를 다운로드 받습니다.이 글을 작성하는 시점에는 Ext JS 4.0.2a 를 GPL 로 제공합니다.
Ext JS 4 디렉토리 구성
다운로드 받은 파일의 압축을 풀고, 아래의 디렉토리/파일을 작업 폴더로 복사 합니다.
/resources
/src
/ext.js
/ext-debug.js
/src
/ext.js
/ext-debug.js
작업 디렉토리는 Ext JS 에서 제공하는 가이드 대로 아래와 같이 구성하였습니다.
웹 애플리케이션의 시작점인 index.html 을 프로젝트 루트에 아래와 같이 생성합니다.
app.js 의 생성
모든 Ext JS 4 애플리케이션은 Application 클래스의 인스턴스로 부터 시작됩니다.
Ext.Application 에서 애플리케이션에 대한 별도의 설정이 가능합니다.
name 속성을 통해 전역변수를 설정하고 Ext.Loader 에 네임스페이스를 등록합니다.
appFolder 속성은 위에서 등록한 네임스페이스의 클래스 구조를 설정한 디렉토리를 설정합니다.
launch 함수는 애플리케이션 생성이 불려지는 함수를 정의합니다.
프로그램을 실행시키면 아래와 같은 화면이 나옵니다.
참고자료
http://docs.sencha.com/ext-js/4-0/#!/guide/application_architecture