리액트 마스터 클래스 - 17강: 리액트 라우터(React Router)란 무엇인가?
- 리액트 라우터는 SPA 환경에서 URL 경로에 따라 컴포넌트를 매핑해주는 라이브러리 또는 프레임워크입니다. 🗺️
- 페이지 전체를 새로고침하지 않고 해당 경로에 맞는 컴포넌트만 렌더링하여 사용자 경험을 향상시킵니다. 🚀
- 리액트 라우터는 SPA, SSR, SSG 등 다양한 배포 전략에 유연하게 대응할 수 있습니다. 🌐
- 클라이언트 측 네비게이션을 통해 부분 렌더링을 제공하여 빠른 사용자 경험을 제공합니다. ⚡
- URL 기반으로 UI를 구성하여 웹 표준에 충실한 라우팅 로직을 구현할 수 있습니다. 🔗
- 데이터 모드나 프레임워크 모드에서는 로더나 액션 등을 통해 경로와 데이터 요청/응답을 연동할 수 있습니다. 🗂️
- 디클레어티브 모드는 가장 기본적인 리액트 라우터 사용 방식으로, UI 중심 경로 관리에 적합하며 구현이 쉽습니다. 💡
- 데이터 모드는 크리에이트 브라우저 라우터를 사용하여 배열 형식으로 경로, 컴포넌트, 로더 등을 관리합니다. 📊
- 데이터 모드에서는 로더 기능을 통해 컴포넌트 렌더링 시 필요한 데이터를 미리 호출할 수 있습니다. ⚙️
- 프레임워크 모드는 데이터 모드를 래핑하여 파일 기반 라우팅, 타입 자동 생성, SSR, SSG 등을 지원합니다. 📦
- 프레임워크 모드에서는 비트 플러그인을 사용하여 개발 편의성을 높일 수 있습니다. ✨
- 넥스트 JS를 사용하는 경우 프레임워크 모드 대신 넥스트 JS를 사용하는 것이 더 나을 수 있습니다. 🤔
- 다음 강의에서는 디클레어티브 모드로 라우팅을 구현하고 데이터 모드로 리팩토링하는 과정을 살펴볼 예정입니다. 📚