Router란? 결국 페이지 이동을 의미한다. React에서 메뉴의 URL같은 링크 버튼을 클릭했을 때, 그 링크 경로에 맞는 컴포넌트 페이지들을 보여주고싶다. 보통 레거시 스타일로 작업할 땐, 경로 클릭시 새로운 페이지가 로딩이 된다. 그것은 너무나도 데이터 자원낭비! 그럴때는 사용하는것이 Router (리액트 라우터)이다. 라우터를 사용하면 새로운 페이지 로드?? No No!! 업데이트 되는 새로운 페이지만 path와 element로 연결하여 컴포넌트를 불러오는 신박한 기능이다. 아래 예시들은 이해를 돕기위해 개인 홈페이지를 만들면서 필요한 내용을 Router로 만들어보았다. 우선 내가 만들려는 페이지의.. 스케치(?) ---------------------------------------------..