프론트엔드/Next.JS
로딩 UI / 병렬적으로 수행 / 에러 UI
학습하는 청년
2023. 7. 24. 19:31
선택적으로 사용할 수 있다.
로딩 UI는 해당 경로의 페이지 UI가 준비되기 전에 사용자에게 로딩 중임을 나타내기 위한 UI 컴포넌트입니다. 이를 사용하면 React의 suspense boundary와 동일한 기능을 자동으로 사용할 수 있습니다.
로딩 UI를 사용하면 `settings` 폴더 내에서 자동으로 레이아웃 안에 `children`이라는 자식 컴포넌트를 suspense로 감싸게 됩니다. 레이아웃은 정적으로 표시되지만 그 안의 컴포넌트는 페이지가 준비되기 전에 로딩 컴포넌트로 보여지며, 데이터가 로드되면 준비된 컴포넌트를 보여주는 방식입니다.
===
병렬 수행
promise all 보다는 suspense를 사용하자.
===
에러 UI는 선택적으로 사용할 수 있다.