본문 바로가기

오류처리

[리액트에서 Next로] Next.js 기초 : 레이아웃, 프로그래믹 네비게이션, 로딩(loading), 에러 페이지 (error 컴포넌트) 예시
[Dev] 🎯Self Study 2024. 1. 11. [리액트에서 Next로] Next.js 기초 : 레이아웃, 프로그래믹 네비게이션, 로딩(loading), 에러 페이지 (error 컴포넌트) 예시 Next.js에서 레이아웃을 이용해 공통 UI를 구축하는 방법 [핵심 내용] 1. 레이아웃은 여러 페이지에서 공유되는 UI를 구축할 때 사용 2. 앱 폴더 내에 있는 루트 레이아웃은 모든 페이지에 공통으로 적용되는 UI를 정의, HTML과 바디 요소를 반환하고 바디 내에서 페이지의 Children을 동적으로 렌더링 3. 중첩된 레이아웃을 만들 수 있으며, 특정 레이아웃이 필요한 페이지를 위해 특정 레이아웃을 생성 가능 4. 레이아웃 컴포넌트가 역할을 하려면 반드시 children 프롭스를 가져야 하며, 이를 구현하기 위해 프롭스 형태를 정의하는 인터페이스를 생성 5. 관리자 레이아웃 컴포넌트를 통해 모든 관리자 페이지에 공통으로 사용되는 UI 요소를 설정 6. 네비게이션 바는 모든 페이지에 공통으로 적용..

티스토리툴바