- React GS6에서 레이아웃을 사용하면 앱에 특정 스타일이나 스크립트를 제공할 수 있다. 🏞️
- 'React Router D'를 사용하여 구성된 라우팅 기반
으로 레이아웃을 세팅하고, 여러 개의 라우팅 경로에 다양한 레이아웃을 적용할 수 있다. ⚙️
- 레이아웃 안에
Outlet
컴포넌트를 사용하여 라우팅 내용을 표시할 수 있다. 🛣️ - 레이아웃은 컴포넌트 간 스타일을 전달하고 공유하는 데 효과적이다. 💅
main.tsx
파일에서MainLayout
레이아웃에 라우팅 경로(Example:home
)를 연결하여 페이지를 표시할 수 있다. 💻