React Router는 리액트 애플리케이션에서 브라우저의 주소와 해당 컴포넌트를 매핑하여 라우팅을 관리해주는 라이브러리입니다. 이를 통해 페이지 간의 전환과 브라우저 히스토리 기능을 쉽게 구현할 수 있습니다.

React Router를 사용하기 위해서는 다음과 같은 단계를 따르면 됩니다.

1. React Router 설치하기

   npm install react-router-dom
   

2. 라우터 설정하기

   import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
   
   function App() {
     return (
       <Router>
         <Switch>
           <Route exact path="/" component={Home} />
           <Route path="/about" component={About} />
           <Route path="/contact" component={Contact} />
         </Switch>
       </Router>
     );
   }
   

   위의 예제에서는 BrowserRouter를 사용하고 있습니다. 이는 HTML5의 History API를 활용하여 URL을 관리하는 라우터입니다. Route 컴포넌트를 사용하여 경로와 해당 컴포넌트를 매핑합니다.

3. 링크 설정하기

   import { Link } from 'react-router-dom';
   
   function Navigation() {
     return (
       <nav>
         <ul>
           <li>
             <Link to="/">Home</Link>
           </li>
           <li>
             <Link to="/about">About</Link>
           </li>
           <li>
             <Link to="/contact">Contact</Link>
           </li>
         </ul>
       </nav>
     );
   }
   

   이처럼 Link 컴포넌트를 사용하여 내부 링크를 설정할 수 있습니다.

위의 단계를 따르면 React Router를 사용하여 페이지간의 라우팅을 간단히 구현할 수 있습니다.

더 자세한 내용은 React Router 공식 문서를 참고하시면 도움이 될 것입니다.