[Highcharts] 05. 주요 이벤트
Understanding Common Highcharts Events (Highcharts 주요 이벤트 이해하기) Highcharts는 차트와 그 구성 요소에 인터랙티비티(interactivity)와 커스텀 동작을 추가할 수 있는 유연한 이벤트 시스템을 제공합니다. 이 가이드는 Highcharts에서 가장 일반적이고
[Highcharts] 04. 기타 (템플릿, 반응형 차트)
Templating (템플릿) Highcharts는 포맷 문자열에서 템플릿을 지원합니다. v11.1(2023)부터 템플릿은 논리 연산을 [지원](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#format-strings)하며, 설정이 보안 및 JSON 호환이
[Highcharts] 03. Highcharts 이해하기 (title, series, tooltip, legend, axes)
Highcharts 이해하기 Highcharts가 어떻게 동작하는지 이해하려면 차트의 다양한 구성 요소, 즉 개념들을 이해하는 것이 중요합니다. 아래 이미지는 차트의 주요 개념들을 설명합니다.
[Highcharts] 02. How to set options
How to set options (옵션 설정 방법) Highcharts는 JavaScript 객체 구조를 사용하여 차트의 옵션 또는 설정을 정의합니다. 이 문서는 옵션 객체가 어떻게 동작하는지, 그리고 어떻게 사용하는지를 설명합니다.
[Highcharts] 01. Installation
Highcharts 초기 설정 방법 공식 문서 기준으로 설치/로딩 방법은 크게 5가지입니다. 1. npm (권장 — 실무 표준) React/Vue/Angular 등 모던 프레임워크 환경에서는 이 방 식이 기본입니다. npm install highcharts // ES Module 방식 import Highcharts from
[HTTP] 06. 성능 - 17장. 캐싱
캐싱 캐시는 데이터를 미리 복사해 놓는 별도의 저장소를 말한다. 반복 작업을 줄이고 어플리케이션의 성능을 높여주는 역할을 한다. 시간 기반 캐싱 - 서버가 파일 수정일을 Last-Modified 응답 헤더에 싣는다. - 브라우저가 파일을 캐싱하고 If-Modified-Since 요청 헤더에 싣는다.
[HTTP] 06. 성능 - 16장. 로딩 최적화
16-1. 렌더링 과정 - DSN 질의 - HTML 문서 획득 - 주요 렌더링 경로 (Critical Rendering Path, CRP) - 파싱을 차단하는 HTTP 요청 렌더링 순서 1. 파싱 : 코드를 한 줄 씩 읽으면서 브라우저에게 의미있는 단위로 쪼개는 작업 수행 2. COM / CSSOM 3. 렌더트리 4. 레이아웃 5. 페인팅
[HTTP] 05. 보안 - 15장. HTTPS
HTTPS 15-1. 해시 - 해시함수 - 해시 값(다이제스트) 특징: 고정 길이, 고유성, 변경 불가, 단방향 - 대표적인 해시 함수: MD5 15-2. 암호화 - 해시 함수의 한계 - 복호화 불가: 변경한 값을 원래 값으로 복구할 수 없음 - 특징: 암호화, 복호화, 키 - 암호화 키와 복호화 키가 같으면 "대칭키 암호화"
[HTTP] 05. 보안 - 14장. CORS
CORS CORS의 동작 원리 - 용어 정리: 출처, 교차 출처 요청 - 출처: URL에 프로토콜, 호스트, 포트 세가지를 모아서 출처라고 한다. - 이 세가지가 같으면 출처가 같다 라고 표현한다. - 이 중에 하나라도 다르면 출처가 다르다 라고 표현한다. - 교차 출처 요청: 다른 출처의 자원을 사용하기 위해 네트워크 요청을 만드는걸 말한다.
[HTTP] 05. 보안 - 13장. 브라우저 보안
브라우저 보안 브라우저 보안 지식을 알고 어플리케이션을 개발한다. 13-1. 크로스 사이트 스크립팅 - 인라인 자바스크립트를 웹 문서에 주입한 공격 - 새니타이즈(Sanitize)로 예방 - HTML 태그를 웹 문서에 주입한 공격 - 이스케이프(Escape)로 예방 - 다른 공격의 기점이 됨.