728x90

React Router의 주요 기능과 사용법?
React Router는 React  애플리케이션에서 페이지 네비게이션을 관리하기 위한 라이브러리이다.
- 라우팅: 다양한 URL 경로에 대한 컴포넌트를 매핑하여 페이지를 라우팅한다.
- 동적 라우팅: URL의 매개변수나 쿼리를 사용하여 동적으로 컴포넌트를 렌더링할 수 있다.
- 중첩 라우팅: 중첩된 URL 구조를 사용하여 복잡한 애플리케이션을 구성할 수 있다.
- History 관리: HTML5 History API를 사용하여 브라우저 히스토리를 관리하고, 뒤로가기/앞으로가기 등의 기능을 제공한다.
- 경로변경 감지: URL 경로의 변화를 감지하고, 이에 따라 적절한 컴포넌트를 렌더링한다.
- <Route> 컴포넌트: 페이지와 컴포넌트를 매핑하기 위해 사용되며, 경로와 컴포넌트를 props로 받는다.
- <Link> 컴포넌트: 페이지 간의 링크를 생성하기 위해 사용되며, 클릭 시 URL을 변경하고 페이지를 리로드하지 않는다.
- <Switch> 컴포넌트: 여러 개의 <Route> 중에서 첫 번째 매칭되는 경로만을 렌더링한다.
- useHistory 훅: 컴포넌트 내에서 프로그래밍 방식으로 라우팅을 제어할 수 있게 해준다.
- BrowserRouter 및 HashRouter: BrowserRouter는 HTML5 History API를 기반으로 라우팅을 처리하고, HashRouter는 URL에 해시를 사용하여 라우팅을 처리한다.

728x90

+ Recent posts