일단 Doit

재귀함수를 사용하여 배열로 부터 Route를 생성하자. 는 로 정의하며 부모와 자식간의 관계로 나타냅니다. 하지만, Array등으로 정의해서 관리하지않으면 복잡하고 보기 어려운 코드로 변질됩니다. 나쁜예) App.jsx {/*자식 Route 정의 */} ..... 그래서, Data API를 사용하는 Router는 Array로 Route 정의를 관리합니다. 좋은예) routes.js const routes = [ { path: '/', element: , }, { path: '/first', element: , }, { path: '/second', element: , }, { path: '/styled', element: , }, ]; 따라서 아래와 같은 방법으로 를 동적으로 생성하는 방법으로 위와 같이..

React/Router 2023. 1. 20. 17:05

사용방법은 단순합니다. 1. 정의 2. 정의 3. 정의 - Route 및의 자식 Route 정의 4. 지정 - 부모Route와 자식Route간의 연결 App.js import { Routes, Route, BrowserRouter } from 'react-router-dom'; import HomePage from '@/pages/HomePage'; import FirstPage from '@/pages/FirstPage'; import SecondPage from '@/pages/SecondPage'; import ChildPage from '@/pages/ChildPage'; function App() { return ( {/*자식 Route 정의 */} ); } export default App; ..

React/Router 2023. 1. 20. 17:00