ExtJS6 두번째 강의 - ExtJS 다운로드 및 환경구성

▼▼▼▼▼▼    YOUTUBE 구독      ▼▼▼▼▼▼

https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ

ExtJS 6 및 Sencha CMD 다운로드

ExtJS 다운로드 : https://www.sencha.com/legal/GPL

1) Sencha ExtJS 선택

2) 다운로드 링크를 받을 메일주소 입력

3) 동의버튼 체크

Sencha CMD 다운로드 : https://www.sencha.com/products/extjs/cmd-download

OS 종류 및 32/64 bit에 맞춰서 다운로드 버튼 클릭

Sencha CMD Install 후에 sencha 명령어가 커맨드창에서 적용되지 않는다면?

시스템 환경변수 편집으로 문제해결 !!

ExtJS 프로젝트 생성 명령어

1. 도스 커맨드창 실행

2. 프로젝트를 생성하고자 하는 빈디렉토리로 이동

3. 프로젝트 생성 명령어 실행

sencha -sdk 다운로드받은ExtJS경로 generate app 프로젝트명 설치경로

ex) sencha -sdk D:\extjs generate app Study ./

위와 같이 명령어를 실행하게 되면 ExtJS + SenchaTouch 통합된 상태로 빌드된다. 만약 각각의 프레임워크만을 사용하고 싶다면 "프로젝트 설치경로" 다음에 

-classic 또는 -modern을 추가로 입력하면 개별 프레임워크로 빌드된다

classic = ExtJS

modern = Sencha Touch

4. 빌드 후, 기본으로 세팅된 샘플 웹 어플리케이션을 바로 확인가능

    Sencha CMD (extjs 빌드를 해주고, 웹서버로 이용이 가능 : 기본포트 1841)

sencha app watch

빌드가 되면서 새로 SenchaCMD 구동을 하지 않아도 

즉시 적용된 부분이 빌드되어 확인이 가능

또는

sencha web start

최종빌드된 상태의 결과만을 볼수 있다.

중간에 소스가 수정이 되어도 적용이 되지 않는다

ExtJS 패키지 + 클래스란 ?

쉽게말해 Sencha CMD를 이용해서 제작된

"프로젝트명.디렉토리1.디렉토리2.JS파일명" 이다.

형식으로 각각의 ExtJS문법을 이용하여 파일들에 고유한 명칭이라고 보면됨

JAVA의 패키지구조와 유사함

명칭은 패키지 + 클래스 사용하나, 실질적으로 어려우니, 그냥 우리는 디렉토리구조 + 파일명이라고 알아두자.