- 3. 데이터 베이스 구축 3-2 논리 데이터베이스 설계 - ERD E-R 다이어그램(ERD) 작성 1. E-R 다이어그램(ERD) 표기법 ERD: Entity Relationship Diagram - 업무 분석 결과로 도출된 개체와 실체 간의 관계 도식화 개체-관계(E-R) 다이어그램 기호 개체 ⬜️ 유일한 단어로 사용 관계 ◇ 속성 ○ 개체가 가지고 있는 요소 또는 성질(동그라미로 표시) Peter Chen, Crow's Foot Model로 표기 속성명은 단수형으로 명명하며 개체와 동일한 명칭 사용하지 않음 속성값이 NOT NULL인지 NULL인지 고려 다중 값 속성 ◎ 관계-속성 연결 ㅡ 관계 표시 방법 관계 표기법 종류 2. 확장 E-R 다이어그램(ERD) 슈퍼 타입(super-type)과 서브 타입(sub-type) 슈 퍼 타입은 여러 개의 서브 타입 나누어 ..
- Visual studio C# windowForm MetroFramework 적용 기본적인 윈폼 스타일은 너무 밋밋하고 심심하지만 차마 직접 디자인할 엄두는 안 나기에 바로 검색해본 winForm design😉😉 다행이도 저 같은 디자인 무지랭이를 위해 visual studio에서 적용 가능한 Framework가 있었군요!!!! 테마도 흑백 두가지로 깔끔해 보입니다ㅎㅎ 자세한 설명은 github에서 보실 수 있으니 참고해 주세요^^ 저는 Visual Studio 2022 Community 버전을 사용했으니 설치가 필요하시다면 여기서 무료로 다운받으시면 됩니다. Installation 1. 새 프로젝트 만들기 C# 기반 Windows Form을 만들어 봅니다. 2. NuGet을 이용해 MetroFramework 설치 릴리스 빌드 및 자동 업데이트를 제공하므로 NuGet을 사용하여 Met..
- Echarts ECharts.js 소개 및 설치 Introduction Apache ECharts는 직관적이고 대화형이며 사용자 정의가 가능한 차트를 상용 제품에 쉽게 추가할 수 있는 강력한 무료 차트 및 시각화 라이브러리입니다. 순수 JavaScript로 작성되었으며 완전히 새로운 경량 캔버스 라이브러리인 zrender를 기반으로 합니다. 여러 차트 라이브러리들 중 Echarts를 사용하기로 한 이유는 수많은 직관적인 sample에 홀렸기 때문입니다. 기본적인 line, bar 차트부터 3D까지 구현되어 있고, 바로 코드를 편집해 볼 수도 있죠. 직접 써보니 정말 다양한 기능과 디자인을 적용할 수 있어 좋았습니다. 제가 사용해 본 건 chart.js 뿐이니 정확한 비교는 되지 않겠지만 적어도 Zoom 기능은 Echarts가 더 뛰어나다고 자부합니다...
- 1. 소프트웨어 설계 1-5 인터페이스 설계 인터페이스 요구 사항 1. 인터페이스 요구사항 서로 다른 두 개의 시스템 사이에서 정보 주고받는 경계면 사물간 또는 사물-인간 간의 의사소통 가능하도록 만들어진 물리적이나 논리적 매개체 내/외부 인터페이스 요구사항 개념 회사 내/외부에 존재하는 시스템 연동을 통해 상호작용 위한 접속 방법이나 규칙 인터넷/네트워크 통해 내/외부에 존재하는 시스템 간 요구사항 수행위해 내/외부 인터페이스 설계와 개발 필수적 구성요소 내/외부 인터페이스 이름 연계 방식 연계 대상 시스템 연계 범위 및 내용 송신 데이터 인터페이스 주기 분석 요구사항 정의 단계에서 요구사항 식별 식별된 요구사항 분류, 조직화하여 요구사항 명세서 구체화 명세서와 개념 모델을 검토하여 상위 수준의 요구사항 분해하고 적절한 수준으로 상세화 요구사항 ..
- Bootstrap Bootstrap chart - 라이브러리 소개 charts가 이미 포함되어 있는 bootstrap theme을 사용하는 것이 아니라면 CDN, npm 또는 직접 다운받아 설치하는 여러 방법으로 chart 작성이 가능합니다. bootstrap으로 따로 스타일링을 하는 것은 아니니 여러 차트 라이브러리를 소개해볼까 합니다. Chart.js Chart.js 는 디자이너와 개발자를 위한 간단하면서도 유연한 JavaScript 차트입니다. https://www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirel..
- Echarts Echarts container/size 조절 Initialization HTML에서 상위 컨테이너 정의 일반적으로 노드를 정의하고 CSS를 사용하여 너비와 높이를 변경해야 합니다. 초기화하는 동안 차트를 노드로 가져옵니다. opts.width 또는 opts.height를 선언하지 않으면 차트 크기가 기본적으로 노드 크기로 설정됩니다. echarts.init를 호출하기 전에 컨테이너에 너비와 높이가 이미 있는지 확인해야 합니다. 차트 크기 지정 컨테이너의 높이와 너비가 존재하지 않거나 차트 크기가 컨테이너와 같지 않은 경우 처음부터 크기를 초기화할 수 있습니다. Reactive of the Container Size 컨테이너 크기로 차트 크기 변경 컨테이너의 크기가 변경될 때 차트 크기도 적절하게 변경하고자 합니다. 예를 들어 컨테이너의 높이는 40..
- Echarts Echarts DataZoom DataZoom 종류 dataZoomInside 데이터 확대/축소 기능이 좌표계 내부에 내장되어 있어 사용자가 마우스 드래그, 마우스 이동 또는 손가락 터치(터치 스크린에서)를 통해 좌표계를 확대/축소하거나 로밍할 수 있습니다. dataZoomSlider 마우스 드래그 또는 손가락 터치(터치 스크린에서)로 좌표계를 확대하거나 로밍할 수 있는 특수 슬라이더 막대가 제공됩니다. dataZoomSelect 확대/축소 또는 로밍 좌표계를 위한 maquee tool이 제공됩니다. toolbox에서만 구성할 수 있는 datazoom입니다.