Blog

개발과 기술에 대한 이야기

토픽

Next.js Image 컴포넌트가 해결하는 네 가지 문제와 Vercel 비용 구조, 자체 아키텍처 설계까지 정리했어요.

CSR, SSR, SSG, ISR, PPR까지 5가지 렌더링 전략의 차이와 선택 기준을 코드 예시로 정리했어요.

dynamic import로 번들 크기를 줄이고, 캐싱으로 중복 DB 호출을 없애는 방법을 정리했어요.

랜딩페이지, SVG 애니메이션, 데이터 대시보드까지. Gemini 3.1 Pro의 디자인 활용법 5가지를 프롬프트와 함께 정리했어요.

oRPC로 입출력 검증, 컨트랙트 우선 개발, OpenAPI 문서 자동 생성까지 한 번에 잡는 방법을 정리했어요.

데이터 시각화 프로젝트 접근법과 기본 차트 유형을 알아봅니다. 테이블, 파이 차트, 스파크라인부터 시작하는 시각화의 기초를 다룹니다.

막대 차트, 라인 차트, 영역 차트 등 카테고리 비교와 시간에 따른 트렌드를 분석하는 차트 유형을 알아봅니다.

산점도, 버블 차트, 히트맵 등 관계 분석 차트와 박스 플롯, 스웜 플롯 등 분포 분석 차트를 알아봅니다.

캔들스틱 차트, 간트 차트, 코로플레스 맵 등 특수 목적 차트와 플로우 차트, 생키 다이어그램 등 흐름/네트워크 분석 차트를 알아봅니다.

Tableau, Figma 플러그인 등 데이터 시각화 도구와 소프트웨어, 그리고 학습에 도움이 되는 핵심 리소스를 소개합니다.