중첩 라우팅 구현

[hatchling13]

개요

6 에서 단일 페이지 어플리케이션(SPA)인 현 프로젝트를 여러 페이지로 보일 수 있도록 구현하였다. 초기 구현은 최상위 컴포넌트인 App.js에서 모든 라우팅을 담당하였지만, 게시판/사진첩 등 하나의 메뉴 아래 여러 게시글/사진 등이 접근 가능해야하는 특성상 모든 라우팅을 최상위 컴포넌트에서 담당할 수 없다. 따라서 중첩 라우팅을 통해 좀 더 유연한 라우팅을 가능하게 한다.

참조할 만한 자료

• https://reactrouter.com/web/example/nesting
• https://www.daleseo.com/react-router-nested/