본문 바로가기
728x90
반응형

분류 전체보기257

[ExtJS] DataStore Ext.data.Store 가공된 데이터를 화면에 출력한다. 스토어 클래스는 모델 객체의 클라이언트 측 캐시를 캡슐화한다. 스토어는 프록시를 경유하여 데이터를 로드하고, 또 그안에 포함되어 있는 모델, 인스턴스를 정렬 필터링 및 조회하기 위한 기능을 제공한다. 1) 여러 컴포넌트에서 사용되는 데이터 스토어 Ext.form.field.ComboBox Ext.view.View Ext.grid.Panel Ext.tree.Panel - 스토어의 개념은 동일하나 사용 클래스가 다름(Ext.data.TreeStore) Chart - Column, Bar, Line, Area, Pie, Financial, Gauge, Combination ... 2) 데이터 스토어에서 알아두어야할 점 데이터 스토어에fields와 d.. 2020. 11. 25.
[ExtJS] TreePanel / Tree Store Ext.tree.Panel 트리 구조 데이터의 UI 표현을 제공한다. TreePanel은 Ext.data.TreeStore에 바인딩되어야한다. TreePanels은 열 구성을 통해 여러 열을 지원하는데, 기본적으로 Text Store Node의 필드를 사용하는 단일 열이 포함된다. xtype alias는 treepanel이다. docs.sencha.com/extjs/6.5.3/classic/Ext.tree.Panel.html Ext.tree.Panel | Ext JS 6.5.3 Ext JS Classic - API documentation from Sencha docs.sencha.com Ext.data.TreeStore 트리의 루트 노드를 소유하고 로컬 또는 원격 데이터를 루트 및 하위 비 리프 노드의.. 2020. 11. 25.
[ExtJS] Form Field Ext.create("Ext.form.Panel") - 기본 선언만 해도 validation check Field Types Ext.form.field.Checkbox Ext.form.field.ComboBox Ext.form.field.Date Ext.form.field.Display Ext.form.field.File Ext.form.field.Hidden Ext.form.field.HtmlEditor Ext.form.field.Number Ext.form.field.Radio Ext.form.field.Text Ext.form.field.TextArea Ext.form.field.Time examples.sencha.com/extjs/6.5.1/examples/kitchensink/?classic#.. 2020. 11. 25.
[ExtJS] window component / tap panel Ext.window.Window 응용 프로그램 창으로 사용하기위한 특수 패널이다. 창을 최대화하여 뷰포트를 채우거나 이전 크기로 복원할 수 있다. Windows를 Ext.ZIndexManager에 연결하거나 Ext.WindowManager로 관리하여 그룹화, 활성화, 전면, 후면 및 기타 응용프로그램 별 동작을 제공할 수 있다. 기본적으로 Windows는 document.body로 렌더링되는데, 다른 요소로 제한하려면 renderTo를 지정한다. 모든 Ext.container.Container와 마찬가지로 Window가 자식 컴포넌트의 크기를 조정하고 배열하는 방법을 고려하는 것이 중요하다. docs.sencha.com/extjs/6.5.3/classic/Ext.window.Window.html Ext... 2020. 11. 25.
[ExtJS] 다양한 MessageBox / alert ExtJS에서의 MessageBox ExtJS에서 쓰이는 메시지창을 불러오기 위한 Ext.Msg는 싱글톤 인스턴스이기때문에 create()를 사용하지 않고, 사용하고자 하는 곳에서 곧바로 불러온다. 1. alert('타이틀','메시지') Javascript의 alert()는 확인버튼을 누르기 전까지 다음 라인의 동작이 이루어지지않는다. ExtJS의 alert()는 사용자의 반응을 기다리지않고, 곧바로 다음 로직이 실행된다. 따라서 따로 function을 구현해 return으로 제어해줘야한다. Ext.onReady(function(){ Ext.Msg.alert("title","Hello World!"); }); 2. confirm('타이틀','메시지') Javascript의 confirm은 boolean값.. 2020. 11. 25.
[ExtJS] Buttons을 활용한 UI 만들어보기 출처 : kutar37.tistory.com/entry/ExtJS-Buttons?category=778439 ExtJS : Buttons ExtJS : Buttons 기본 버튼들과 크기조절, 버튼에 아이콘 삽입 등에 대해 알아본다. Preview 레이아웃과 버튼을 조합해서 아래와 같이 eclipse UI를 비슷하게 만들어보자. layout border를 이용해 레이아웃을 kutar37.tistory.com Preview - 레이아웃과 버튼을 조합하여 아래와 같은 UI 만들기 1. Layout Ext.onReady(function(){ Ext.create("Ext.container.Viewport",{ layout:'border', renderTo:Ext.getBody(), items:[{ xtype:'p.. 2020. 11. 25.
[ExtJS] Component config&event ExtJS API docs.sencha.com/extjs/6.5.3/modern/Ext.html Ext | Ext JS 6.5.3 Ext JS Modern - API documentation from Sencha docs.sencha.com 자주 쓰이는 Component별 config & event split : 패널 사이에 마우스를 올렸을 때 크기 조절 가능 collasible : true로 두면 panel의 title부분 우측에 화살표가 생겨 접었다 폈다 할 수 있음 html : html태그를 그대로 사용하여 컴포넌트에 html 사용 가능 Ext.onReady(function(){ Ext.create("Ext.container.Viewport",{ renderTo:Ext.getBody(), borde.. 2020. 11. 25.
[ExtJS] layout과 layout속성 ExtJS에서 실제로 태그 안에는 아무것도 없지만 app.js에 코드를 작성하면, 미리 정의되어 있는 컴포넌트들이 자동으로 삽입되어 index.html에 보여진다. html의 div태그와 같이 ExtJS 컴포넌트들은 기본적으로 block 속성을 가진다. 따라서 별도의 레이아웃 속성을 지정하지 않으면 컴포넌트들이 위 아래로 정렬된다. 1. PANEL 레이아웃을 구성할 때 빈번하게 쓰이는 컨테이너로, 하위 구성요소를 포함할 수 있다. docs.sencha.com/extjs/6.5.3/classic/Ext.panel.Panel.html#properties Ext.onReady(function(){ Ext.create("Ext.panel.Panel",{ width:300, height:100, border:tr.. 2020. 11. 24.
[ExtJS] 테마변경 / 빌드 출처 및 참고 : mongodev.tistory.com/46?category=685442 ExtJS6 네번째 강의 - ExtJS 문법 및 viewport 레이아웃(fit,border) 이해 ▼▼▼ ExtJS 강좌 구독을 원하시면, 아래 채널구독 부탁드립니다 ^^ ▼▼▼ https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ ExtJS 는 어떻게 UI 컴포넌트를 그리는 것인가? ExtJS는 기존 HTML 구조.. mongodev.tistory.com 1. ExtJS Theme ExtJS의 theme는 app.json에서 변경이 가능하다. 1) ExtJS (classic) theme theme-classic theme-gray theme-neptune theme.. 2020. 11. 24.
[Oracle] Synonym(시노님) 시노님(Synonym)이란? '동의어'라는 뜻으로, 데이터베이스 객체는 각자 고유한 이름이 있는데 이 객체들에 대한 동의어를 만드는 것이 바로 시노님이며 이 또한 데이터베이스 객체에 속한다. (ex. 필명) 시노님에는 모든 사용자가 접근할 수 있는 Public시노님과 특정 사용자에게만 참조되는 Private시노님이 있다. 0. 시노님 사용 이유 1) 데이터베이스의 투명성을 제공하기 위해서 사용한다. 다른 사용자의 객체를 참조할 때 많이 사용한다. 2) 일단 시노님을 생성해 놓으면 나중에 이 시노님이 참조하고 있는 객체의 이름이 바뀌더라도 이전에 작성해 놨던 SQL문을 수정할 필요가 없다. 3) 시노님은 별칭이므로 원 객체를 숨길 수 있어 보안 측면에서 유리하다. PRIVATE 시노님은 다른 사용자가 참조.. 2020. 11. 23.
[Oracle] Index(인덱스) 인덱스(Index)란? 테이블에 있는 데이터를 빨리 찾기 위한 용도의 데이터베이스 객체이다. 조회 성능을 높이려는 목적에서 만들어졌으며, 인덱스 자체에 키와 매핑 주소 값을 별도로 저장한다. 따라서 테이블에 데이터를 입력하거나 삭제, 수정할 때 인덱스에 저장된 정보도 똑같이 작업이 이루어진다. 그래서 인덱스를 너무 많이 만들면 성능에 부하가 뒤따르기때문에 주의해야한다. (ex. 책 내용 맨 뒤 찾아보기 항목..) 인덱스 구성 컬럼 개수에 따른 분류 단일 인덱스 / 결합 인덱스 유일성 여부에 따른 분류 UNIQUE 인덱스 / NON-UNIQUE 인덱스 인덱스 내부 구조에 따른 분류 B-tree 인덱스 / 비트맵 인덱스 / 함수 기반 인덱스 인덱스 구성 컬럼 개수에 따른 분류와 유일성 여부에 따른 분류는 형.. 2020. 11. 23.
[Oracle] View(뷰) 뷰(View)란? 하나 이상의 테이블이나 다른 뷰의 데이터를 볼 수 있게하는 데이터베이스 객체이다. 실제 데이터는 뷰를 구성하는 테이블에 담겨 있지만 마치 테이블처럼 사용할 수 있다. 테이블 뿐만 아니라 다른 뷰를 참조해 새로운 뷰를 생성하여 사용할 수 있다. 데이터를 본다는 의미가 있어 뷰의 정의는 데이터를 조회하는 SELECT문으로 구성된다. -- 뷰의 생성 CREATE OR REPLACE VIEW [스키마.]뷰명 AS SELECT 문장; -- 뷰생성 / 뷰조회 CREATE OR REPLACE VIEW emp_dept_v1 AS SELECT a.employee_id, a.emp_name, a.department_id, b.department_name FROM employees a, department.. 2020. 11. 23.
728x90
반응형

티스토리툴바