Ext JS 6 애플리케이션 환경 만들기

• IntelliJ, 스프링 부트, JPA, MySQL, Sencha Cmd, Ext JS 6 SDK
• 소스코드 : https://github.com/oopchoi/xharu 하위에 xharu-extjs6 모듈
• 초기 SQL : https://gist.github.com/oopchoi/9695203c7448efcd8b35
• 사전 지식 : Ext JS 6 학습을 위한 스토리이므로 게시판 만드는 과정은 다음 링크를 참고하세요. http://blog.naver.com/oopchoi/220625884011
• xharu-extjs6 모듈이 게시판 만드는 과정의 환경과 다른 점은 패키지 구조와 파일명만 약간씩 변경되고, H2가 MySQL로 변경되었습니다.
• MySQL root 비밀번호를 1111로 설정해 두고 초기 SQL을 실행하여 데이터베이스와 테이블을 생성하고 샘플 데이터를 insert 한 후 애플리케이션을 테스트 하여 정상 작동 하는지 확인 합니다.

다운로드 설치

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

더블 클릭 해서 설치

Sencha Cmd는 사용자 홈 디렉토리 bin 아래 설치된다.

~/bin/Sencha/Cmd 설치 된 경로 확인

Ext JS 6 SDK 다운로드 : https://www.sencha.com/legal/gpl/

Sencha Ext JS 선택하고 이메일 주소 입력하고 라이선스 동의 체크하고 다운로드

받은 메일에서 다운로드 클릭

압축 해제하고 ~/bin/Sencha/SDK/ 하위에 ext-6.0.0 폴더를 복제한다.

SDK 홈 경로 확인 (~/bin/Sencha/SDK/ext-6.0.0)

Ext JS 6 SDK 홈 경로는 반드시 기억해 두어야 한다. Sencha Cmd를 사용하여 애플리케이션을 생성할 경우 SDK 경로를 지정해야 하기 때문이다.

다음에는 Ext JS 6 애플리케이션을 Sencha Cmd로 생성하고 브라우저에서 실행하여 보고 기본 애플리케이션 구조를 살펴보겠다.