React Router 사용법

1

React Router 설치

`react-router-dom`을 설치하고 앱 최상단을 BrowserRouter로 감싸 하위 컴포넌트가 라우팅 컨텍스트를 읽게 합니다.

2

React Router 주요 컴포넌트

BrowserRouter는 라우팅 컨텍스트를 만들고, Routes와 Route는 URL 매칭을, Link는 새로고침 없는 이동을 담당합니다.

3

기본 라우팅 구현 예제

내비게이션 링크와 Home, About, Contact 라우트를 연결해 주소 변경이 페이지 컴포넌트 교체로 이어지는지 확인합니다.

4

동적 라우팅과 useParams

많은 웹 애플리케이션은 특정 아이템의 상세 페이지(product/1, users/profile/john-doe)와 같이 URL 경로에 동적인 값을 포함해야 합니다.