2024 프론트엔드 뉴스 한 방에 몰아 보기

간단 소개

2024년 프론트엔드 기술 동향을 요약, 주요 라이브러리, 프레임워크 업데이트, 개발 환경 변화, CSS 및 성능 관련 이슈를 다룹니다.

AI Summary

프론트엔드 기술 스택 및 라이브러리
- shadcn/ui: TailwindCSS와 Headless UI 결합, 복사-붙여넣기 방식으로 UI 구현.
- Zod: TypeScript 스키마 검증 라이브러리, 서버-클라이언트 데이터 구조 정의 및 검증.
- Vitest: Vite 기반 테스트 러너, Jest와 유사한 API 제공.
React 및 관련 기술
- React 19: Suspense 이슈 해결, prewarming 기능 통해 릴리스.
- React Compiler: memoization 자동 최적화, JSX Inlining/Outlining 지원.
- Next.js: App Router, React Server Components(RSC) 도입, Turborepo와 Turbopack 통합.
개발 환경 및 런타임
- JavaScript 런타임 경쟁 심화 (Node.js, Deno, Bun).
- 다양한 Package Manager 등장 (pnpm, Bun, JSR).
- Vite 중심으로 빌드 도구 통합, 차세대 번들러 경쟁 (Rspack, Turbopack, Rolldown).
CSS 및 기타 기술
- CSS-in-JS, React v19 기능으로 재조명, 스타일 호이스팅 지원.
- e18e 이니셔티브, JavaScript 생태계 성능 향상 목표.
- Web Vitals - INP, 사용자 경험 측정 지표로 중요성 부각.