path=”*”

• 만약 사용자가 지정된 주소인 “/’, “/mypage”, “/dashboard” 이외의 주소로 접근하게 되면 의도한 화면이 보이지 않을 수 있습니다.
• 이럴 때 사용할 수 있는 속성이 path=”*”입니다.
• 지정되지 않은 주소로 접근할 시에는 이 속성이 설정되어 있는 컴포넌트를 보여주게 됩니다.

? 그렇다면 이 속성을 어떻게 지정하는 걸까?

• 예시를 찾아보기

React Router DOM에서 사용되는 BrowserRouter, Link, Routes, Route에 대한 설명

1. Link 컴포넌트는 해당 컴포넌트를 클릭할 때, Route의 path와 일치하는 페이지로 이동할 수 있게 해주는 컴포넌트이다.

2. BrowserRouter는 React Router DOM이 사용되는 부분의 최상위 컴포넌트로 위치해야 한다.

3. Route 컴포넌트는 Routes 컴포넌트의 자식 컴포넌트가 되어야 한다