React Router

개념 설명

React 애플리케이션에서 클라이언트 사이드 라우팅을 구현하기 위한 라이브러리로, URL 변경에 따라 컴포넌트를 렌더링.

핵심 포인트

• SPA에서 페이지 새로고침 없이 뷰 전환 구현
• BrowserRouter, HashRouter 등 다양한 라우터 타입 제공
• Route, Routes, Link, NavLink 컴포넌트로 라우팅 구성
• useNavigate, useParams, useLocation 등 Hook 제공
• 중첩 라우팅과 동적 라우팅 지원

예시 코드

import { BrowserRouter, Routes, Route, Link, useParams, useNavigate } from 'react-router-dom';