react-router v61 [react-router] createBrowserRouter에서 전체 레이아웃 적용하기 웹페이지를 만들 때 보통 전체적인 레이아웃이 짜여있고 각각의 컨텐츠들은 큰 변화 없이 그림 속 content 영역에 들어가게 된다. 원래는 BrowserRouter를 썼었는데 createBrowserRouter 로 변경하고 나서는 어떻게 해야 할지 감이 오지 않았다. 이렇게 배열 속 객체 안에 컴포넌트를 넣어주는 방식이라 어떻게 감싸야 하는거지? 라는 생각이 들었다. 해결 방법 export default function Layout() { return ( ); } 먼저 Outlet을 원하는 컴포넌트로 감싸준다. Outlet은 하위 경로에 위치한 페이지들을 같이 보여줄 수 있도록 만들어준다. 나는 컨텐츠 영역의 너비와 패딩을 잡아주기 위한 Wrapper, 그리고 lazy Loading을 적용하기 위한 서스.. 2023. 2. 15. 이전 1 다음
