- React Router 버전 6을 사용하여 React + TypeScript 프로젝트에서 라우터 설정 실습입니다. 🗼
BrowserRouter를 통해 브라우저에서 라우트 함수를 사용할 수 있는 글로벌 환경을 설정합니다. 🌎Routes안에Route컴포넌트를 여러 개 추가하여 각 경로에 연결될 컴포넌트를 정의합니다. 🧭path속성은 특정 경로의 주소와 매칭되며,element속성은 해당 경로에 나타날 컴포넌트를 지정합니다. 🛣️- 각 페이지 컴포넌트를 불러오기 위해
Link컴포넌트를 사용하여 각 메뉴 아이템에 클릭 이벤트를 연결합니다. 🔘 - 이러한 설정을 통해 클릭 버튼을 타이핑하면 해당 페이지로 이동할 수 있습니다. 🖱️
Recommanded Videos
