extjs4 SenchaCmd[3/3] - watch, refresh 명령어 3.1 watch ExtJS 5.x 이상부터 새로 생겨난 기능입니다. SenchaCmd는 Jetty서버가 내장되어 있습니다. 파일시스템이 변경되는 순간 sencha app build development가 실시간으로 실행이 됩니다. 그와 동시에 실시간으로 Validation을 체크하기 때문에 개발 또는 커스텀 테마를 개발할때 매우 편리합니다. cd ThemeTest // App Folder 로 이동 sencha app watch - sencha app watch 실행할때에 SenchaCmd에 Jetty서버가 내장되어 있습니다. web server URL로 접근이 가능합니다. - 파일을 수정할 때(정상) app watch를 쓰면 파일이 변경된 부분에 한하여 sencha app build developmen.. 2019. 11. 29. SenchaCmd[2/3] - build 명령어 2. build명령어 SenchaCmd의 빌드 명령어는 크게 3가지가 있습니다. - sencha app build production - sencha app build testing - sencha app build development 2.1 build production 아래 커맨드를 입력합니다. cd ThemeTest // App Folder 로 이동 sencha app build -c -c 옵션을 clean (모두삭제)한다는 의미입니다. clean옵션을 넣지 않을경우 간혹 제대로 되지 않을경우가 있습니다. 생성된 파일은 아래와 같습니다. css와 app.js가 만들어졌습니다. 실제 build가 이루어지면 app.js의 내용이 아래와 같이 compress 된걸 확인할수 있습니다. 마찬가지로 CSS도.. 2019. 11. 27. SenchaCmd - [1/3] generate 명령어 ExtJS를 제대로 사용하기 위해서는 SenchaCmd를 통하여 사용하셔야만 합니다. SenchaCmd의 역할은 다음과 같습니다. - Compress 배포 : Yui 또는 Closure로 하나의 파일로 압축하여 배포 할 수 있습니다. - Jetty 서버 : SenchaCmd내부에는 별도의 WAS가 내장되있기때문에 별도의 서버설정이 필요가 없습니다. - 실시간 Validation : 커맨드 명령어중 watch가 있는데 자바처럼 실시간으로 문법체크가 이루어지는 기능입니다. 0. Windows 개발시 추가설정 JAVA_TOOL_OPTIONS : -Dfile.encoding=UTF-8 일부 Windows에서는 한글이 깨질수 있을수 있기때문에 윈도우즈 환경변수를 반드시 추가해주시길 바랍니다. 1. generate.. 2019. 11. 25. Sencha Theme 1. ExtJS Theme 를 변경할 수 있는 방법 ExtJS에서는 Theme를 수정할수 있는 방법은 크게 3가지가 존재합니다. - Sass 수정 - CSS 직접수정 ExtJS의 테마는 기본적으로 Sass로 구성되어 있습니다. Sencha 버전과 상관없이 일정한 테마를 유지시키고 싶다면 반드시 Sass 방식으로 구현해야만 합니다. 2. Theme 구조 아래그림은 ExtJS의 Theme 상속구조에 대해서 나와 있습니다. 각 테마에 대해서 간단히 기술해보겠습니다. Base 패키지명은 ext-theme-base이며 모든테마의 부모가 되는 가장 최상위 테마입니다. 최소한의 CSS와 ExtJS가 화면에 layout되기 위해서 반드시 필요한것들만 들어있습니다. ext-theme-base 는 수정이 불가능하고 해당테.. 2019. 11. 25. 이전 1 다음
