본문 바로가기
728x90
반응형

Programming166

[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] 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.
[Network] Windows 방화벽 - 인바운드 / 아웃바운드 1. 방화벽(Firewall)이란? 네트워크를 통과하는 통신을 허용/거부/검열/수정하는 모듈이다. 네트워크 단계의 인터넷 보안 시스템 중 가장 널리 쓰이는 방법으로, 외부로부터 침입을 막는 벽으로 표현한 것이다. 방화벽은 물리적으로 네트워크를 연결하고 절단시키는 구조를 갖고있기때문에 응용프로그램을 고칠 필요없이 쉽게 사용할 수 있고, 네트워크에 흘러다니는 모든 패킷을 검사하여 해킹과 같은 외부침입을 근본적으로 막을 수 있다. 관리자가 규칙을 정하면 그에 따라 탄력적으로 운용되어 내,외부의 접속 상황을 감시할 수 있어 병목현상을 파악하는데에도 활용할 수 있다. 2. 인바운드와 아웃바운드 인바운드(Inbound) 아웃바운드(Outbound) - 내부를 향함 - 서버 내부로 들어오는 것 - 서버 또는 네트워크.. 2020. 11. 23.
[Error] dbcp.SQLNestedException - DB커넥션 에러 org.apache.commons.dbcp.SQLNestedException : Cannot create PoolableConnectionFactory (IO 오류: The Network Adapter could not establish the connection)] with root cause java.net.ConnectException: Connection refused: connect jdbc.properties에서 DB커넥션 경로가 잘못 매핑되어있었음 jdbc.url=jdbc:oracle:thin:@경로 -> 재설정 2020. 11. 20.
[ExtJS] ExtJS설치/환경설정/프로젝트생성 ExtJS란? UI 컴포넌트를 지원하는 Javascript Framework이다. ex) 잘 알려진 자바스크립트 프레임워크로는 AngularJS, ReactJS, NodeJS .. 대표적으로 지원하는 컴포넌트는 크게 세 가지(Grid, Chart, Tree)가 있다. 화면 개발의 경우 JSON구조로 구성되어있다. docs.sencha.com/extjs/7.3.1/guides/getting_started/getting_started_with_npm.html Getting Started with npm | Ext JS 7.3.1 Ext JS - API documentation from Sencha docs.sencha.com ExtJS 설치 및 환경설정 1) ExtJS SDK 설치 www.sencha.com.. 2020. 11. 20.
[Error] Json Expected name 에러 eclipse에서 project를 옮겨왔을 때, 구동하는데에는 문제가 없지만 에러가 떠서 성가신 부분 window -> preferences -> JSON Validation Manual / Build 부분이 체크가 되어있는지 확인 후 체크가 되어있다면 해제하기 2020. 11. 20.
[OS] 데드락(Dead Lock) - 교착 상태 데드락(Dead Lock)이란? '교착 상태'라고도 하며, 한정된 자원을 여러 곳에서 사용하려고 할 때 발생 - 멀티 프로그래밍 환경에서 한정된 자원을 사용하려고 서로 경쟁하는 상황 발생 - 어떤 프로세스가 자원 요청을 했을 때 그 시각에 그 자원을 사용할 수 없는 상황이 발생 -> 프로세스 대기 - 대기 상태로 들어간 프로세스들이 실행하지 못할 때 = 교착 상태 1. 데드락의 발생 조건 - 한 시스템 내에서 다음 네 가지 조건이 동시에 성립할 때에 발생 - 아래의 네 가지 조건 중 하나라도 성립하지 않다면 교착 상태 해결 가능! 1) 상호 배제 (Mutual Exclusion) 자원 하나 당 프로세스 하나만 사용할 수 있어야함 2) 점유 대기 (Hold and Wait) 최소한 하나의 자원을 점유하고 .. 2020. 11. 10.
[Spring] BeanUtils copyProperties / Spring Framework에서 제공하는 bean들간의 작업을 도와주는 추상 클래스 Static convenience methods for JavaBeans: for instantiating beans, checking bean property types, copying bean properties, etc. Mainly for use within the framework, but to some degree also useful for application classes BeanUtils 스프링 프레임워크에서 제공하는 bean들간의 작업을 도와주는 추상 클래스 -> 주로 copying been properties에 사용됨 해당 포스팅에서는 copyProperties method에 대하여 알아보도록 하자 // public abstract class BeanUtils에서 copyProper.. 2020. 8. 31.
728x90
반응형

티스토리툴바