유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

라우터(Router) 실습편 [ 리액트 (React + Typescript) ]

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

Recommanded Videos