없는 주소를 입력하면 빈 화면이 보인다.
경로를 찾을 수 없을 때 보여줄 페이지를 지정해보겠다.
잘못된 경로로 들어갔을 때 빈 페이지가 보이는 이유
리액트 라우트에서는 Routes 안에 있는
Route컴포넌트들을 하나씩 검사하면서 그려줄 컴포넌트를 결정한다.
예를 들어, /hello라는 주소로 들어왔다.
첫번째로 index인지 확인한다.
두번째로 courses인지 확인한다.
여기에도 일치하지않는다.그리고 questions경로에도 일치하지 않는다.
마지막으로 wishlist경로에도 일치하지 않는다.일치하는 path가 없기때문에 빈 화면을 보여주는 것이다.
이럴 때는 모든 경로를 포함하는 라우터를 포함하면 된다.
path경로에 *을 추가하고 element에는 NotFoundPage 컴포넌트를 추가한다.
이 컴포넌트는 존재하지 않는 페이지라는 문구를 보여준다.
'홈으로 가기'라는 버튼에 Link를 추가한다.
*는 와일드카드 문자라고도 해서 모든 값을 다 포함한다는 의미이다.
잘못된 경로로 접속하면 일치하는 Route가 없을테니까
차례대로 검사하다가 맨 마지막에 있는 Route에서 NotFoundPage를 보여준다.
