📖 router

• 애플리케이션에서 페이지 간 이동 및 URL 경로 관리를 담당하는 라이브러리

Component

• BrowserRouter: HTML5 history API를 사용하여 React Router를 설정하는 최상위 컴포넌트, 이 컴포넌트로 감싸면 애플리케이션 내에서 라우팅이 가능
• Link : 사용자가 클릭할 수 있는 링크를 생성하는 컴포넌트, 사용자가 클릭하면 해당 URL 경로로 이동|
• Route : URL 경로와 렌더링할 컴포넌트를 연결하는 컴포넌트, URL 경로에 따라 적절한 컴포넌트를 렌더링|
• Switch : 여러 개의 Route 컴포넌트를 감싸서, URL 경로와 일치하는 첫 번째 Route 컴포넌트만 렌더링하도록 설정하는 컴포넌트
• Redirect : URL 경로를 다른 경로로 리다이렉션하는 컴포넌트, 사용자가 잘못된 URL 경로로 접근할 때 새로운 URL 경로로 이동

📌Ex.

프로젝트 생성 후 아래 명령어를 실행하여 패키지를 설치해준다

npm install react-router-dom