블로그

주제별로 묶은 프론트엔드·웹 플랫폼 블로그 글입니다. 카테고리별 열람이 가능합니다.

웹 개발 · 4건

웹 개발

shadcn/ui + Radix UI: 헤드리스 컴포넌트 전략과 커스터마이징

shadcn/ui를 사용하는 이유와 Radix UI 헤드리스 컴포넌트 원리, 디자인 토큰 연동, 커스텀 컴포넌트 추가, 접근성 내장 다이얼로그·드롭다운·선택 컴포넌트 구현 패턴을 다룹니다.

웹 개발

ARIA Live Regions(aria-live, role=alert, role=status)로 동적 콘텐츠 변경을 스크린 리더에 알리는 방법, 알림 토스트·폼 유효성·로딩 상태 접근성 구현 패턴을 다룹니다.

웹 개발

TanStack Query v5의 변경된 API(useQuery 옵션 통합), 낙관적 업데이트, 무한 스크롤, 의존 쿼리, 백그라운드 리패칭, Suspense 모드, React Server Components 통합을 다룹니다.

웹 개발

Vite 6와 Turbopack(Next.js 15 기본)의 HMR 속도, 프로덕션 빌드 성능, 플러그인 생태계, 설정 복잡도를 실제 벤치마크와 함께 비교하고 프로젝트 유형별 선택 기준을 다룹니다.