All Posts

Next.js 프로젝트에 NProgress 라이브러리를 적용하여 페이지 로딩 시 진행 상태를 시각적으로 표시하는 방법에 대해 알아보겠습니다.

자바스크립트 기반의 세 가지 차트 라이브러리인 ApexCharts, ECharts, D3.js를 비교하고, 각각의 라이브러리가 데이터 렌더링 성능, SVG와 Canvas 그리기 방식에서 어떻게 다른지 설명합니다.

HTML5의 canvas 태그를 사용하여 JavaScript로 동적인 그래픽을 그리는 방법을 설명합니다. 예제 코드를 통해 선형 차트를 구현하며, 애니메이션과 툴팁 기능을 추가하여 사용자 인터랙션을 향상시킵니다. canvas의 2D 렌더링 컨텍스트(ctx)를 활용한 다양한 그래픽 메서드와 속성을 소개하여, 웹 페이지에 시각적 요소를 동적으로 추가하는 방법을 제공합니다.

Stack 위젯의 onTap 인식 오류를 해결하기 위해 DeferPointer 패키지를 사용했습니다. 이 패키지를 사용하면 부모 위젯의 범위를 벗어난 자식 위젯의 클릭 이벤트도 정상적으로 인식됩니다.