[React] Router란 무엇이며 어떻게 사용할까?

• React에서 페이지 이동을 구현하기 위해서는 React Router 라이브러리를 사용해야 한다. 이는 CRA(create-react-app)으로 만들어진 웹페이지가 SPA(Single Page Application)이기 때문이다.

• React Router 라이브러리를 설치한 후, Router 컴포넌트를 생성하여 각 경로에 따른 컴포넌트를 연결시켜주면 페이지 이동이 가능하다.

• React Router를 사용하여 웹 페이지의 라우팅을 설정하며, BrowserRouter, Routes, Route 컴포넌트를 사용하여 주소 변경 기능을 제공하고, 여러 Route 중 규칙이 일치하는 하나만 렌더링하며, 지정된 경로로 이동했을 때 어떤 컴포넌트를 보여줄지 결정한다.

• useNavigate() 함수를 사용하여 버튼 클릭 시 특정 페이지로 이동하는 기능을 구현하며, 조건이 없을 때는 Link 컴포넌트를 사용하여 라우팅을 구현할 수 있다.