React Router 사용법

1

React Router 설치

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

2

React Router 주요 컴포넌트

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

3

기본 라우팅 구현 예제

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

4

동적 라우팅과 useParams

상세 페이지처럼 URL 경로에 동적 값이 필요할 수 있습니다.