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

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

데브허브 커뮤니티

리액트 뽀개기 - 4강 미션풀이 / 페이지 이동, 리액트 라우터 기본 / React, Typescript

개발하는 정대리

2025. 5. 30.

0

#frontend
#backend
  • 리액트 라우터를 사용하여 페이지 이동 구현 🚀
  • BrowserRouter, Routes, Route 컴포넌트 활용 🗺️
  • LinkNavLink의 차이점을 이해하고 활용 (CSS 변경) 🔗
  • useNavigate 훅을 사용하여 프로그래밍 방식으로 페이지 이동 🚦
  • useParams 훅으로 URL 파라미터 접근 🔑
  • 중첩된 라우팅 및 404 페이지 처리 🚧
  • Outlet 컴포넌트를 사용하여 레이아웃 재사용 ♻️
  • 컴포넌트 분리를 통해 코드 재사용성 및 유지보수성 향상 🧩
  • 타입스크립트 인터페이스를 활용하여 props 타입 정의 🗂️

Recommanded Videos