[ExtJS] ExtJS설치/환경설정/프로젝트생성

 

ExtJS란?

UI 컴포넌트를 지원하는 Javascript Framework이다.

ex) 잘 알려진 자바스크립트 프레임워크로는 AngularJS, ReactJS, NodeJS ..

대표적으로 지원하는 컴포넌트는 크게 세 가지(Grid, Chart, Tree)가 있다.

화면 개발의 경우 JSON구조로 구성되어있다.

 

docs.sencha.com/extjs/7.3.1/guides/getting_started/getting_started_with_npm.html

Getting Started with npm | Ext JS 7.3.1

 

---

ExtJS 설치 및 환경설정

1) ExtJS SDK 설치

www.sencha.com/legal/gpl/

Sencha GPL Licensing

이메일 입력 후 이메일에서 다운받을 파일 내려받기

2020.11.20 현재 다운받은 버전 : ext-7.0.0.

 

2) sencha cmd 설치

www.sencha.com/products/extjs/evaluate/

Try Sencha Ext JS: A Comprehensive JavaScript Framework - Sencha

설치 후 cmd창에서 sencha 명령을 실행했을 때, 에러가 뜬다면 환경변수 설정 해주기(senchaCmd 설치 경로 추가)

 

---

ExtJS 프로젝트 생성

1) 원하는 위치(eclipse workspace)에 디렉토리 생성

2) cmd창에서 디렉토리 또는 workspace로 이동

3) 프로젝트 생성 명령 입력

    sencha  -sdk  extjs경로(프레임워크 설치 경로)  generate  app  생성할프로젝트명  프로젝트생성경로 

4) 해당 프로젝트의 app.js가 존재하는지 디렉토리에서 명령 실행

    sencha  app  watch  또는  sencha  web(-port 8000)  start

5) 브라우저를 통해 접속(cmd창 실행중일 때에만) senchaCmd의 기본 포트는 1841

    주소 창에 localhost:1841 입력

6) 이클립스 실행 후 프로젝트가 위치한 디렉토리 import

 

 

classic 디렉토리 : extjs component(web)와 관련된 디렉토리

modern 디렉토리 : sencha touch component(mobile)와 관련된 디렉토리