[React] React Router v6.4

공식문서: https://reactrouter.com/en/main/start/overview

https://noah-dev.tistory.com/38#%F0%9F%9B%A0%EF%B8%8F%20Test-1

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import App from './App';
import reportWebVitals from './reportWebVitals';
import Home from './page/Home';
import Day from './page/Day';
import NotFound from './page/NotFound';
import CreateWord from './components/CreateWord';
import CreateDay from './components/CreateDay';

const router = createBrowserRouter([
  {
    path: '/',
    element: <App />,
    errorElement: <NotFound />,
    children: [
      { index: true, path: '/', element: <Home /> },
      { path: '/day/:id', element: <Day /> },
      { path: '/create_word', element: <CreateWord /> },
      { path: '/create_day', element: <CreateDay /> },
    ],
  },
]);

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement,
);
root.render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>,
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();