Next.js의 컴포넌트 계층 구조
- layout 컴포넌트가 최상위
- 그 안에 template 컴포넌트
- template 컴포넌트는 errorboundary와 suspense컴포넌트로 감싸진 page컴포넌트를 포함함
- errorboundary는 자식 컴포넌트에서 발생하는 에러를 처리하고, suspense는 데이터 로딩을 처리함(error.js, loading.js)
- 페이지가 발견되지 않을 시 notfound 컴포넌트가 표시
- 각각의 역할에 따라 계층적으로 분리하여 애플리케이션의 유지 보수성과 확장성을 향상시키는 데 도움을 줌
선한 영향력을 펼치는 개발자가 되겠습니다.