반응형 코드 분할(React.lazy)1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 90 (Suspense 바운더리, 코드 분할(React.lazy)) 목차Suspense 바운더리코드 분할(React.lazy)오늘 하루를 돌아보며 Suspense 바운더리Suspense는 리액트에서 비동기 데이터 로딩 상태를 쉽고 자연스럽게 관리할 수 있게 하는 기능이다. 기존에는 데이터를 불러올 때마다 isLoading과 error 같은 상태 변수를 만들고 조건문으로 로딩 UI와 에러 UI를 직접 관리해야 했다. 하지만 Suspense를 사용하면 동기 코드처럼 자연스럽게 비동기 데이터를 처리할 수 있고, 로딩 상태 관리 코드를 일일이 작성하지 않아도 돼서 컴포넌트가 훨씬 간결해진다. Suspense는 리액트에서 기본적으로 제공하지만, 비동기 데이터 처리를 위해서는 Suspense를 지원하는 라이브러리나 프레임워크가 필요하다. 대표적으로 Next.js나 TanStack.. 2025. 9. 16. 이전 1 다음 반응형
