탐색
let navigate = useNavigate();https://reactrouter.com/en/main/hooks/use-navigate
React Router Dom에서 제공하는 페이지 이동 관련 기능 모음입니다.
onClick 이벤트 핸들러에서 navigation(‘url’)을 호출하면 페이지 클릭 시 해당 URL로 이동합니다.
<Nav.Link onClick={() => { navigate('/detail')}}> ...404페이지
Routes에 지정되지 않은 주소에 접근할 때 404 페이지를 표시하고 싶다면
<Route path="*" element={ ... }/>*는 경로에 지정되지 않은 나머지 모든 주소를 나타냅니다.
중첩 경로
단일 페이지 내에 하위 페이지를 표시하는 방법입니다.
<Route path="/about" element={...}>
<Route path="about_low" element={...}/> // 실제 주소는 /about/about_low가 된다.
<Route path="about_low2" element={...}/>
</Route>경로 내에서 다른 하위 경로를 선언하는 방법.
중첩 경로의 특징은 부모 경로 요소와 자식 경로 요소가 함께 나타나는 것입니다.
하위 경로 요소는 상위 경로 요소에 표시되며 하위 경로 요소를 표시하는 위치는