-
Echarts
ECharts.js 소개 및 설치
Introduction Apache ECharts는 직관적이고 대화형이며 사용자 정의가 가능한 차트를 상용 제품에 쉽게 추가할 수 있는 강력한 무료 차트 및 시각화 라이브러리입니다. 순수 JavaScript로 작성되었으며 완전히 새로운 경량 캔버스 라이브러리인 zrender를 기반으로 합니다. 여러 차트 라이브러리들 중 Echarts를 사용하기로 한 이유는 수많은 직관적인 sample에 홀렸기 때문입니다. 기본적인 line, bar 차트부터 3D까지 구현되어 있고, 바로 코드를 편집해 볼 수도 있죠. 직접 써보니 정말 다양한 기능과 디자인을 적용할 수 있어 좋았습니다. 제가 사용해 본 건 chart.js 뿐이니 정확한 비교는 되지 않겠지만 적어도 Zoom 기능은 Echarts가 더 뛰어나다고 자부합니다...
-
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..
-
1. 소프트웨어 설계
1-5 인터페이스 설계
인터페이스 요구 사항 1. 인터페이스 요구사항 서로 다른 두 개의 시스템 사이에서 정보 주고받는 경계면 사물간 또는 사물-인간 간의 의사소통 가능하도록 만들어진 물리적이나 논리적 매개체 내/외부 인터페이스 요구사항 개념 회사 내/외부에 존재하는 시스템 연동을 통해 상호작용 위한 접속 방법이나 규칙 인터넷/네트워크 통해 내/외부에 존재하는 시스템 간 요구사항 수행위해 내/외부 인터페이스 설계와 개발 필수적 구성요소 내/외부 인터페이스 이름 연계 방식 연계 대상 시스템 연계 범위 및 내용 송신 데이터 인터페이스 주기 분석 요구사항 정의 단계에서 요구사항 식별 식별된 요구사항 분류, 조직화하여 요구사항 명세서 구체화 명세서와 개념 모델을 검토하여 상위 수준의 요구사항 분해하고 적절한 수준으로 상세화 요구사항 ..
-
Echarts
Echarts container/size 조절
Initialization HTML에서 상위 컨테이너 정의 일반적으로 노드를 정의하고 CSS를 사용하여 너비와 높이를 변경해야 합니다. 초기화하는 동안 차트를 노드로 가져옵니다. opts.width 또는 opts.height를 선언하지 않으면 차트 크기가 기본적으로 노드 크기로 설정됩니다. echarts.init를 호출하기 전에 컨테이너에 너비와 높이가 이미 있는지 확인해야 합니다. 차트 크기 지정 컨테이너의 높이와 너비가 존재하지 않거나 차트 크기가 컨테이너와 같지 않은 경우 처음부터 크기를 초기화할 수 있습니다. Reactive of the Container Size 컨테이너 크기로 차트 크기 변경 컨테이너의 크기가 변경될 때 차트 크기도 적절하게 변경하고자 합니다. 예를 들어 컨테이너의 높이는 40..
-
업무 노트
전기공사업 등록사항 변경신고
전기공사업 등록사항 변경신고 (법 제9조) 전기공사업 등록사항 중 상호, 소재지, 대표자 , 기술자, 자본금 등의 변경이 있는 경우 발생일로부터 30일 이내에 협회 관할 시·도회에 신고하여야 합니다. 벌칙처분 : 미신고, 허위신고시 100만원 이하의 과태료 등록기준을 유지하지 못한 경우 : 영업정지 1개월 또는 과징금 200만원 단, 기술능력에 해당하는 사람의 퇴직으로 인하여 등록기준에 미달하는 기간이 50일 이내인 경우는 등록취소 처분 또는 영업정지 처분 대상에서 제외합니다. 위의 사유로 영업정지처분을 받고 처분종료일까지 또는 과징금을 부과 받고 그 부과일부터 1개월 이내에 등록기준에 미치지 못하는 사항을 보완하지 않은 경우 : 등록취소 https://keca.or.kr/keca/common/login..
-
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.js Theme Builder
이번에는 Theme Builder라는 색상 변경 및 css를 조정할 수 있는 아주 유용한 기능을 살펴 보도록 하겠습니다!! 테마 설정은 색상 스타일을 변경하는 가장 간단한 방법입니다. 예를 들어 예제 페이지에서 dark mode로 전환하고 다른 테마의 결과를 볼 수 있습니다. dark mode로 전환한 후 Option Preview에 들어가 보면, darkMode: true로 변경되어 있고 사용된 color array까지 모두 확인할 수 있습니다. 다른 테마는 기본적으로 포함되어 있지 않으며 사용하려면 직접 다운로드해야 합니다. 테마는 theme builder에서 방문 및 다운로드할 수 있습니다. 테마를 만들거나 편집할 수도 있습니다. default Theme 중 하나를 선택하면 이미 만들어진 조합들을 ..
