- 페이지 이동은 미리 정해진 길(라우트)을 따라 이동하는 개념이며, 리액트 라우터를 사용해 구현합니다. 🛣️
- 리액트 라우터는
BrowserRouter
,Routes
,Route
컴포넌트를 사용하여 URL에 따라 다른 컴포넌트를 렌더링합니다. 🧩 Link
,NavLink
,useNavigate
를 사용하여 페이지 간 이동을 구현할 수 있으며, 각각 UI 요소, 스타일링, 프로그래밍 방식의 이동을 제공합니다. 🖱️NavLink
는 현재 활성화된 링크에 스타일을 적용하는 데 유용하며,active
클래스를 활용하여 CSS 스타일을 변경할 수 있습니다. ✨- 정의되지 않은 경로로 접근 시, 와일드카드(
*
) 라우트를 사용하여 에러 페이지 또는 다른 페이지로 리디렉션할 수 있습니다. ⚠️