Router1

• 

  React 에서 중첩 라우터 사용하기 App.js 에서 탭바를 만들고, 해당 탭들을 라우터로 연결하였다. /* 생략 */ 위와 같은 메인 화면에서 탭을 누르면 각 라우터로 링크 이동하게 된다. 그런데, 마이 페이지 내에서 또 탭을 구현하여 중첩으로 라우터를 사용하려 하였더니, 앱 내에서 라우터는 한 번만 사용할 수 있다며 오류가 발생하였다. 나는 위 사진 처럼 마이페이지 라우터 내에서 좌측의 탭을 구현하기 위해 중첩된 라우터를 사용하고 싶었다. 그러기 위해서는 위 코드에서 /mypage/* 을 작성했듯이, 와일드 카드를 사용해야 한다. 와일드카드 마이 페이지 내부에서 중첩된 라우터들은 다음과 같이 작성하였다. function MyPage() { return ( ); } 아까 와일드 카드를 사용했기 때문에, mypage/* 의 * 자리에 my.. React 2022. 4. 8.