IT_susu

application에 선언적이고 접근 가능한 탐색 기능 제공 페이지를 새로 불러오지 않고 애플리케이션은 그대로 유지한 상태에서 HTML5 History API를 사용하여 페이지의 주소만 변경. 1) to :string - 위치의 pathname, search, hash properties를 string으로 연결 :object - 다음 속성 중 하나를 가지고 있는 객체 pathname: 현재 path search: 쿼리 파라미터 표현(?...) hash: 해시 파라미터 표현(#...) state: location의 지속되는 상태 :function - location이 파라미터로 전달되고 location 표현을 문자열 또는 객체로 리턴하는 함수 ({ ...location, pathname: "/course..

- 정의 : location이 route의 path와 일치하면 렌더링하는 요소 - path 현재 위치의 pathname입니다. 일치하면 해당하는 컨텐츠를 렌더링하고, 맞지 않으면 null을 렌더링합니다. 하나의 컴포넌트에 여러개의 path를 연결하려면 배열로 값을 넘겨주면 됩니다.(리액트라우터v5이상~) path가 없으면 항상 일치합니다. - exact true이면 location.pathname과 정확히 일치해야만 인정합니다. - strict true면, 슬래시가 있는 경로는 슬래시가 있는 location.pathname과 일치해야만 인정합니다. location에 추가 url 세그먼트가 있는 경우에는 동작하지 않습니다. - sensitive true면, 대소문자를 구별합니다. - route가 컴포넌트를..

BrowserRouter - 정의 : HTML5 history API를 사용하는 라우터. - props basename : 모든 위치의 기본 URL getUserConfirmation : 탐색할 때 쓴다는데.. forceRefresh : true인 경우 페이지 탐색 시 전체 페이지 새로고침. html5 history api 지원하지 않는 브라우저에서 사용. keyLength : location.key의 길이 HashRouter - 정의 : hash를 사용하여 ui와 url을 동기화하는 라우터. 라이브러리에서 비추. NativeRouter - 정의 : React Native에서 사용하는 app 개발용. MemoryRouter - 정의 : URL 기록을 메모리에 유지하는 라우터. 테스트 및 react nat..