# All files / src/chap08 routesBasic.js

0% Statements 0/1
100% Branches 0/0
100% Functions 0/0
0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    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;