5. ExtJS 기본 문법 5. ExtJS 기본 문법 5.1 ExtJS로 HTML 웹페이지 작성 5.1.1 HTML 문법으로 웹페이지 작성우리는 일반적으로 HTML을 사용해 웹페이지를 작성할 때 body태그에 다른 컴포넌트 태그들을 정의함으로써 웹페이지를 구성합니다.이때 body태그는 일종의 도화지 역할을 하고 그 도화지 안에 다른 여러 태그들을 이용해 웹페이지를 그려나가는 것이죠.1234567891011 cs 5.1.2 ExtJS 문법으로 웹페이지 작성HTML 문법에서 라는 도화지안에 컴포넌트를 그리기 위해 태그를 정의했었죠? 마찬가지로ExtJS 문법에서도 도화지가 필요합니다. 그리고 그 도화지안에 그리고 싶은 컴포넌트는 items라는 속성의 배열값으로 주는거죠.이때 컴포넌트를 배열값으로 줄때 json구조로 정의해 줍니다. 5... ExtJS 6년 전
4. ExtJS 테마변경 4 ExtJs 테마변경 4.1 테마 종류- ExtJS(Classic) Theme 종류theme-classictheme-graytheme-neptunetheme-crisptheme-triton - Sencha Touch(Modern) Theme 종류theme-meterialtheme-iostheme-neptunetheme-triton 4.2 예전 방식senchaCmd가 나오기전 초기에는 좌측의 classic 디렉터리와 modern 디렉터리 내의 여러 테마들을 직접 import해서 테마를 변경했어요.하지만 최근에는 senchaCmd와 연동해 빌드하는 방식으로 테마를 변경합니다. 4.3 senchaCmd가 의존하는 app.json을 이용해 테마 변경app.json은 프로젝트의 속성을 관리하는 파일입니다.테마변.. ExtJS 6년 전
3. ExtJs 프로젝트 생성 3 ExtJs 프로젝트 생성 3.1 프로젝트 생성하기workspace를 생성한 후 프로젝트를 생성하는 방식이 있지만 저는 평범한 디렉터리를 생성한 후 그곳에 프로젝트를 만들도록 하겠습니다.workspace를 생성하고 싶으시다면 eclipse를 통해 workspace를 생성하시면 됩니다. 3.1.1 원하는 위치에 디렉터리를 생성합니다. or eclipse를 통해 workspace 생성합니다. 3.1.2 cmd창을 여신 후 생성한 디렉터리 or workspace로 이동합니다. 3.1.3 프로젝트 생성 명령을 입력합니다.- sencha -sdk extjs경로(=framework 디렉터리 경로) generate app 생성할 프로젝트명 프로젝트생성경로(+생성할 프로젝트명)- 프로젝트 생성경로 뒤에 생성할 프로젝.. ExtJS 6년 전
2. ExtJs 설치 및 환경설정 2 ExtJs 설치 및 환경설정 2.1 설치 2.1.1 ExtJs SDK 설치1) sencha.com에 접속해서 product에 ExtJs탭을 클릭합니다. 2) resources 탭을 클릭합니다. 3) 우측 하단에 licensing을 클릭합니다. 4) 하단의 sencha GPL Download Page를 클릭합니다. 5) 파일을 받을 이메일과 나라 그리고 다운받을 버전을 선택하고 동의에 체크한 후 다운로드를 클릭합니다. 6) 해당 이메일로 다운로드받을 파일이 보내지는데 다운로드 받으시면 됩니다. 2.1.2 sencha cmd 설치1) 위와 동일하게 resources의 우측에 위치한 Download Cmd를 클릭합니다. 2) 자신의 운영체제에 맞는 버전을 다운로드 받습니다. 3) 압축파일을 푼 후 설치를 .. ExtJS 6년 전
1. ExtJS 1 ExtJS 1.1 ExtJS란UI 컴포넌트를 지원하는 Javascript Framework입니다.ExtJs는 우리나라에서는 잘 알려지지 않아서 모를실 수도 있습니다.잘 알려진 Javascript Framework로는 Angular js와 React가 있죠.대표적으로 지원하는 컴포넌트는 크게 세가지 있습니다.- Grid- Chart- Tree 1.2 잘 알려지지 않은 이유ExtJS는 2.대 버전과 3.대 버전이었던 초기에는 무겁고 느렸습니다. 그래서 잘 사용되지 않았죠.그리고 우리나라에서 참고할 Reference문서가 없어서 배우기도 어려웠습니다.여전히 Reference의 부재문제는 있지만 6.대 버전에서는 다른 Javascript Framework보다 크게 무겁고 느리진 않습니다. 1.3 특징화면 개.. ExtJS 6년 전
