Blog
디자인 시스템에서 fluid typography 도입하기
clamp() 기반 폰트 스케일을 토큰화하여 모바일/데스크톱 분기를 줄이고 일관성을 유지한 경험을 정리했습니다.
2026.04.12기술Next.js 앱에 FSD 적용하기
App Router의 page 개념을 유지하면서 widgets / features / entities로 코드를 분리한 사례와 트레이드오프.
2026.03.28기술View Transitions API로 자연스러운 테마 토글 만들기
클릭 좌표에서 퍼지는 원형 wipe 효과를 React + flushSync로 구현한 과정과 브라우저 호환 이슈.
2026.03.15기술vanilla-extract로 디자인 토큰 2-depth 분리하기
primitive / semantic 두 레이어로 토큰을 나누고 contract로 테마 스왑을 정리한 작업 후기.
2026.03.02기술TanStack Query v5 Suspense 모드 정리
useSuspenseQuery와 server prefetch + HydrationBoundary 조합이 어떤 cache key 규칙을 요구하는지 정리.
2026.02.18기술