All files / src/chap08 routesBasic.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
// // 리액트 라우터 본체 가져오기
import { createBrowserRouter } from 'react-router-dom';
// 라우팅에 사용할 페이지 가져오기
import TopPage from './TopPage';
import ArticlePage from './ArticlePage';
import AboutPage from './AboutPage';
 
// 라우팅 테이블 정의
const routesBasic = createBrowserRouter([
  { path: '/', element: <TopPage /> },
  { path: '/article', element: <ArticlePage /> },
  { path: '/about', element: <AboutPage /> },
]);
 
export default routesBasic;
 
 
 
// Code 8-1-3
// // 리액트 라우터 본체 가져오기
// import { Route, createBrowserRouter, createRoutesFromElements } from 'react-router-dom';
// // 라우팅에 사용할 페이지 가져오기
// import TopPage from './TopPage';
// import ArticlePage from './ArticlePage';
// import AboutPage from './AboutPage';
 
// // 라우팅 테이블 정의
// const routesBasic = createBrowserRouter(
//   createRoutesFromElements(
//     <>
//       <Route path="/" element={<TopPage />} />
//       <Route path="/article" element={<ArticlePage />} />
//       <Route path="/about" element={<AboutPage />} />
//     </>
//   )
// );
 
// export default routesBasic;