React.lazy()란?
React.lazy()란?1. React.lazy()란 무엇인가?React.lazy()는 React에서 코드 스플리팅(Code Splitting)을 활용할 수 있도록 도와주는 함수입니다. 특정 컴포넌트를 동적으로 불러와서 필요할 때만 렌더링할 수 있도록 해주며, 초기 번들 크기를 줄이고 앱의 성능을 향상시키는 데 유용합니다.기본적인 사용법import React, { Suspense } from 'react';const LazyComponent = React.lazy(() => import('./LazyComponent'));function App() { return ( Loading...}> );}export default App;여기서 React.lazy()를 사용하여 Laz..
JavaScript
2025. 2. 2. 13:50