- 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..
- 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) 슈 퍼 타입은 여러 개의 서브 타입 나누어 ..
- 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 그리기 Including ECharts echarts.js를 저장한 디렉토리에 다음 내용으로 새 index.html 파일을 만듭니다. CDN GitHub 그냥 차트를 삽입하고 싶으면 이 구조를 그대로 갖다 놓고 옵션만 변경해서 사용하시면 편합니다. id가 main인 태그로 그래프가 그려질 캔버스를 만든다. js 부분에서 myChart에 초기화된 echart 인스턴스를 만들어 option을 설정하고 setOption으로 차트를 그려낸다. 뭐 요정도로 이해하시면 될 것 같습니다. Examples 수많은 Examples 중에 마음에 드는 그래프를 하나 골라 연습해 봅니다. 위의 코드로 index.html을 작성하고 option만 변경해 주면 됩니다. 그래프를 클릭하면 이런 화면이 나오고 바로 option edit이 ..