React7일차-notfound

이번에는 notfound창을  한번 만들어 보겠습니다.

사용하던 폴더에서 코드 열어서src/page폴더에 NotFound만들고
export default function NotFound() {
  return <div>NotFound 페이지 입니다.</div>;
}

추가해주겠습니다.

src/App.js로 이동해서 import 모여있는곳 바로밑에

import NotFound from "./page/NotFound";

Route  모여있는데 밑에 

<Route path="/*" element={<NotFound />} />

추가 해줄께요

그리고 npm start해서 주소에 이상한 값을 쳐봅시다

이렇게 NotFound가 제대로 나옵니다. 이제 우리가 설정한 페이지 말고는 다 NotFound창이 뜰것입니다.

이상 NotFound를 마치겠습니다 다음에는 조금 길수있으니 긴장하고 오세요 ㅎㅎ