2024년 프론트엔드, 핵심 기술 트렌드를 한눈에!
by DD
1년 전
조회수 18
shadcn/ui, Zod, Vitest 등 실용적인 프론트엔드 도구들이 주목받음
React 19 및 React Compiler 등 React 생태계의 변화와 Next.js, Remix 등 풀스택 프레임워크 발전
CSS-in-JS 부활, Masonry 레이아웃 네이티브 지원 등 CSS 신규 기능 도입
React Compiler: 자동 메모이제이션의 혁신
React Compiler는 memoization 최적화를 자동화하여 개발 생산성을 향상시킨다. 구체적으로 JSX Inlining과 JSX Outlining 기능을 통해 불필요한 렌더링을 줄인다. 따라서 React v17 이상에서 성능 개선을 기대할 수 있다.
Next.js v15: App Router와 Turbopack의 진화
Next.js v15는 App Router와 React Server Components(RSC)를 통해 동적 라우팅과 성능 최적화를 강화했다. Turborepo와 Turbopack의 통합으로 개발 환경을 개선했다. 결과적으로 개발 생산성 향상과 더 나은 사용자 경험을 제공한다.
CSS의 미래: Masonry 레이아웃과 Interop
CSS는 Masonry 레이아웃을 네이티브로 지원하여 JavaScript 의존성을 줄인다. Interop을 통해 플랫폼 간 호환성을 강화하고 있다. 따라서 CSS-in-JS의 부활과 함께 개발 생산성을 높이는 다양한 기능들이 도입되고 있다.
