본문 바로가기
728x90
반응형

Programming150

[Network] 네트워크 강의 - 프로토콜의 이해 TCP/IP 흐름 제어 송신 호스트의 전송 속도를 조절하는 기능 수신 호스트의 버퍼 처리 속도보다 송신 호스트가 데이터를 전송하는 속도가 빠르면, 논리적인 데이터 분실 오류가 발생할 수 있음 데이터 전달 방식 - 단방향 : 데이터를 한쪽 방향으로만 전송(ex. 키보드, 마우스) - 전이중 : 데이터를 양쪽에서 동시에 전송 - 반이중 : 양방향으로 전송할 수 있지만, 특정 시점에서는 한쪽 방향으로만 전송 서비스 프리미티브 계층 구조 프로토콜에서 하위 계층이 상위 계층에 제공하는 서비스의 종류 연결형과 비연결형이 있으며 프리미티브 형태로 구현된다. - 연결형 서비스(TCP) CONNECT(연결 설정) -> DATA(데이터 전송) -> DISCONNECT(연결 해제) - 비연결형 서비스 전송할 데이터가 있으면 독립적으로 .. 2020. 12. 2.
[Network] 네트워크 강의 - 네트워크의 주소 체계 및 표현 네트워크 주소의 표현 1) 유일성 (IP주소 다르게) - 구분자의 가장 중요한 역할은 대상 시스템을 서로 구분하여 지칭하는 것 - 서로 다른 시스템이 같은 구분자를 갖지 않는 유일성을 보장해야함 2) 정보의 함축 - 구분자는 응용 환경에 필요한 다양한 정보를 포함하는 경우가 많음(ex. 도메인 / 문자 기반) - 구분자는 응용 환경에 적절히 대응할 수 있는 정보를 포함 3) 확장성 - 사용하는 구분자의 양 증가 - 구분자의 최대 한계 올바르게 설정(IPv4 -> IPv6) 4) 편리성 - 컴퓨터 시스템은 내부적으로 숫자 기반으로 처리되기때문에 구분자의 체계도 숫자 위주 - 보통 일반인이 의미를 이해할 수 없는 형식 - 시스템 내부 동작에 종속된 구분자 주소 체계는 사용자가 의미를 파악하기 어렵기 때문에 .. 2020. 12. 2.
[Network] 네트워크 강의 - 데이터 통신의 개요 / 용어정리 네트워크 프로토콜을 사용하여 데이터를 교환하는 시스템의 집합 (ex. 그물망, 여러개가 연결된 단말기 모음과 같음) 시스템 내부 규칙에 따라 능동적으로 동작하는 대상 (ex. 운영체제, 프로세스, 컴퓨터) 전송매체 시스템끼리 데이터를 전달하기 위한 물리적인 전송 수단 프로토콜 전송 매체를 통해 데이터를 교환할 때의 임의의 통신 규칙 (HTTP) 서로 다른 호스트에 위치한 동일 계층(OSI)끼리의 통신 규칙 인터페이스 시스템과 전송 매체의 연결 지점에 대한 규격 (ex. USB) 같은 호스트에 위치한 상하위 계층(OSI)사이의 규칙 서비스 하위 계층이 상위 계층에 제공하는 인터페이스 표준화 서로 다른 시스템이 상호 연동해 동작하기 위한 통일된 연동 형식 (ex. A4 규격의 표준화) 시스템의 구분 노드 :.. 2020. 12. 2.
[ExtJS] Grid panel (2) Ext.grid.Panel (1) 바로가기 prinha.tistory.com/entry/ExtJS-Grid-panel-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%B6%9C%EB%A0%A5?category=904364 [ExtJS] Grid panel (1) Ext.grid.Panel 그리드는 클라이언트 측에 많은 양의 테이블 형식 데이터를 표시하는 방법이다. 형태의 그리드 패널을 사용하면, 많은 양의 데이터를 쉽게 정렬하고 필터링할 수 있다. docs.sencha.com/ex prinha.tistory.com wikidocs.net/2982 위키독스 온라인 책을 제작 공유하는 플랫폼 서비스 wikidocs.net 1. 기본 그리드 패널 - 모델과 스토어 Ext.grid.Panel은 데이터 .. 2020. 11. 27.
[ExtJS] Grid panel (1) Ext.grid.Panel 그리드는 클라이언트 측에 많은 양의 테이블 형식 데이터를 표시하는 방법이다. 형태의 그리드 패널을 사용하면, 많은 양의 데이터를 쉽게 정렬하고 필터링할 수 있다. docs.sencha.com/extjs/6.5.3/classic/Ext.grid.Panel.html Ext.grid.Panel | Ext JS 6.5.3 Ext JS Classic - API documentation from Sencha docs.sencha.com 1. 그리드 패널 기본 선언 column config속성을 이용하여 grid header 생성 Ext.onReady(function(){ Ext.create("Ext.grid.Panel",{ title:'Grid Example', renderTo:Ext.g.. 2020. 11. 26.
[ExtJS] Dataview 사용자 정의 템플릿 Ext.dataview.DataView 서버 벡엔드 또는 다른 데이터 소스에서 하나 이상의 데이터 항목을 쉽게 렌더링 할 수 있다. DataView는 Ext.dataview.List 및 Grid를 지원한다. 데이터뷰를 이용하게되면 커스텀 레이아웃 템플릿과 데이터스토어에 담겨있는 데이터를 표시할 수 있다. docs.sencha.com/extjs/6.5.3/modern/Ext.dataview.DataView.html Ext.dataview.DataView | Ext JS 6.5.3 Ext JS Modern - API documentation from Sencha docs.sencha.com (부트스트랩 cdn 설정 필요) Ext.onReady(function(){ Ext.create("Ext.panel.Pa.. 2020. 11. 26.
[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.
728x90
반응형

티스토리툴바