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
'CS(Computer Science)' 카테고리의 다른 글
React Hooks는 무엇이며, 어떻게 사용되는가? (0) | 2024.03.25 |
---|---|
Virtual DOM(Document Object Model)이란 (0) | 2024.03.25 |
IaaS, PaaS, SaaS 특징과 차이점 (0) | 2023.10.27 |
내 컴퓨터와 Github 연결하기 (0) | 2023.10.20 |
[스터디] 데이터베이스의 정규화 (0) | 2023.04.18 |