router app regression

다중 페이지 앱 실습

Navbar 링크, 동적 상세 페이지, 중첩 화면, NotFound route가 새로고침과 뒤로가기에서도 같은 화면을 보여야 합니다.

navigation bar

Link와 NavLink가 새로고침 없이 이동하고 활성 표시가 현재 경로와 맞습니다.

route pages

Home, About, Products, ProductDetail 같은 페이지 컴포넌트가 path와 일치합니다.

fallback

알 수 없는 URL은 NotFound로 보내고 직접 접근과 새로고침도 처리합니다.

click

메뉴 클릭마다 예상 컴포넌트가 렌더링됩니다.

direct

주소창에 상세 URL을 직접 입력해도 열립니다.

history

뒤로가기와 앞으로가기가 화면 상태와 맞습니다.

404

존재하지 않는 path가 안전한 안내 화면으로 갑니다.