Understanding Common Highcharts Events (Highcharts 주요 이벤트 이해하기) Highcharts는 차트와 그 구성 요소에 인터랙티비티(interactivity)와 커스텀 동작을 추가할 수 있는 유연한 이벤트 시스템을 제공합니다. 이 가이드는 Highcharts에서 가장 일반적이고 유용한 이벤트를 소개하고, 이를 ...

Templating (템플릿) Highcharts는 포맷 문자열에서 템플릿을 지원합니다. v11.1(2023)부터 템플릿은 논리 연산을 지원하며, 설정이 보안 및 JSON 호환이 필요한 경우 formatter callbacks보다 일반적으로 권장됩니다. Highcharts 템플릿 스타일은 Handlebars 및 Mustache와 같은 검증된 언어에...

Highcharts 이해하기 Highcharts가 어떻게 동작하는지 이해하려면 차트의 다양한 구성 요소, 즉 개념들을 이해하는 것이 중요합니다. 아래 이미지는 차트의 주요 개념들을 설명합니다. Title (타이틀) 차트를 설명하는 텍스트입니다. 일반적으로 차트 상단에 위치합니다. 자세한 내용은 Title and subtitle 문서를 참고하...

How to set options (옵션 설정 방법) Highcharts는 JavaScript 객체 구조를 사용하여 차트의 옵션 또는 설정을 정의합니다. 이 문서는 옵션 객체가 어떻게 동작하는지, 그리고 어떻게 사용하는지를 설명합니다. 옵션 객체 (The options object) Highcharts.Chart 생성자를 사용하여 차트를 초기화할 ...

Highcharts 초기 설정 방법 공식 문서 기준으로 설치/로딩 방법은 크게 5가지입니다. 1. npm (권장 — 실무 표준) React/Vue/Angular 등 모던 프레임워크 환경에서는 이 방식이 기본입니다. npm install highcharts // ES Module 방식 import Highcharts from 'highchart...

1. mapshaper 사이트 접속 https://mapshaper.org/ 2. 파일첨부 .dbf .shp .shx 파일 모두 첨부 3. Simplify 우측 상단 Simplify 클릭 Visvlingam / weighted area 선택, Apply 클릭 게이지 조절 4. 파일 저장 우측 상단 Export 클...

06. 성능 🔗 https://github.com/jeonghwan-kim/lecture-http 🔗 https://jeonghwan-kim.github.io/2024/07/12/lecture-http-part6 브라우저가 웹 페이지를 렌더링할 때 발생하는 HTTP 요청을 효율적으로 제어하는 다양한 기법 ...

06. 성능 🔗 https://github.com/jeonghwan-kim/lecture-http 🔗 https://jeonghwan-kim.github.io/2024/07/12/lecture-http-part6 브라우저가 웹 페이지를 렌더링할 때 발생하는 HTTP 요청을 효율적으로 제어하는 다양한 기법 ...

05. 보안 🔗 https://github.com/jeonghwan-kim/lecture-http 🔗 https://jeonghwan-kim.github.io/2024/07/11/lecture-http-part5 브라우저 보안과 함께 HTTP 통신을 더 안전하게 만드는 LTS 13장. 브라우저 보안 ...

05. 보안 🔗 https://github.com/jeonghwan-kim/lecture-http 🔗 https://jeonghwan-kim.github.io/2024/07/11/lecture-http-part5 브라우저 보안과 함께 HTTP 통신을 더 안전하게 만드는 LTS 13장. 브라우저 보안 ...