공통 레이아웃 컴포넌트

공통 레이아웃 컴포넌트 헤더, 푸터등의 공통적으로 보여주는 레이아웃의 경우 헤더 컴포넌트, 푸터 컴포넌트를 따로 만든 후 각 페이지에서 컴포넌트 재사용 혹은 중첩라우트를 이용해 구현 //Layout.js import { Outlet } from 'react-router-dom'; const Layout = () => { return ( Header ); }; export default Layout; //App.js mport { Route, Routes } from 'react-router-dom'; import Layout from './Layout'; import About from './pages/About'; import Article fr..

2023.03.29