메로그

React Router v6 에서 새롭게 도입된 API 중 하나로, 라우터 객체를 생성하는데 사용됩니다.이 함수는 라우터 구성을 객체 형태로 선언적으로 만들 수 있게 해줍니다. 이를 통해 보다 상세한 정의를 할 수 있게 됩니다. 또한, loader 라는 기능을 사용하여 컴포넌트를 렌더링할 때 데이터를 미리 보낼 수 있습니다.정의한 곳에서 이제 useLoaderData 를 이용하여 데이터를 가져와서 사용할 수 있습니다.소스 코드import { lazy, Suspense } from "react";// React Router v6에서의 createBrowserRouter 사용 예import { createBrowserRouter, RouterProvider } from 'react-router-dom';//..