김코드의 웹디자인 세상

안녕하세요! 오늘은 react-router-dom를 사용해서 중첩 라우팅(nested routes)을 사용해 보겠습니다. 일단 중첩 라우팅(nested routes)에 대해서 알아보겠습니다. ✏ 중첩 라우팅(nested routes) 중첩 라우팅이란 웹 페이지에서 서브페이지를 만드는 것을 생각해 보면 됩니다. 해당하는 페이지에서 조금 더 구체적으로 구분을 지어 화면을 교체(표시) 해줄 필요가 있을 때 사용됩니다. 예를 들어 메인 페이지 주소 shop/main으로 이동했었을 때 쇼핑몰에 게시된 상품들이 나열되어 있다고 생각해 봅시다. 여러 상품들 중 하나의 상품을 클릭하면 해당하는 상품의 상세 페이지를 보여주고 싶을 때 중첩 라우팅을 사용할 수 있습니다. 그렇기에 shop/main/01과 같은 URL을 입..