선택적으로 사용할 수 있다.
로딩 UI는 해당 경로의 페이지 UI가 준비되기 전에 사용자에게 로딩 중임을 나타내기 위한 UI 컴포넌트입니다. 이를 사용하면 React의 suspense boundary와 동일한 기능을 자동으로 사용할 수 있습니다.
로딩 UI를 사용하면 `settings` 폴더 내에서 자동으로 레이아웃 안에 `children`이라는 자식 컴포넌트를 suspense로 감싸게 됩니다. 레이아웃은 정적으로 표시되지만 그 안의 컴포넌트는 페이지가 준비되기 전에 로딩 컴포넌트로 보여지며, 데이터가 로드되면 준비된 컴포넌트를 보여주는 방식입니다.
===
병렬 수행
promise all 보다는 suspense를 사용하자.
===
에러 UI는 선택적으로 사용할 수 있다.
'프론트엔드 > Next.JS' 카테고리의 다른 글
| Next JS 오류 해결 (0) | 2023.08.02 |
|---|---|
| 미들웨어(middleware) (0) | 2023.07.24 |
| 서버 컴포넌트 / 클라이언트 컴포넌트 (0) | 2023.07.24 |
| PageRouter - AppRouter 비교 (0) | 2023.07.24 |
| 렌더링 전략 - SSG / SSR / CSR / ISR (0) | 2023.07.24 |
댓글