[🐾JellyDiary]React 404 에러 페이지 지정하기 + 프로젝트 기획

 

반려 동물 특화 SNS 개발로 프로젝트 주제를 정했다.

 

평소 SNS에 피로감을 느끼고 있었고, 마침 프로젝트 팀원의 반려동물이 팀 내에서 인기 스타였기 때문에

 

자연스럽게 반려동물 관련된 웹 소셜 네트워크로 주제가 정해지게 되었다.

 

이번 프로젝트는 기록을 많이 남겨봐야지.

 

가장 먼저 만난 이슈는 라우팅 처리였다.

 

이번 프로젝트에서는 빈 페이지가 안보이게 에러 페이지도 처리하고자 했다.

 

우선 피그마로 디자인을 짜봤다.

 

 

지정되지 않은 경로는

function App() {
  return (
    <Routes>
      <Route path="*" element={<NotFound />} />
    </Routes>
  );
}

export default App;

 

*을 이용하여 처리해 줄 수 있다.