서원석

의 학습노트



도움돼요

0

React Router v6 튜토리얼

React 대표적인 튜토리얼 블로거 velopert님이 작성한 React Router v6에 관한 포스팅입니다.
React Router를 알기 전 알아야하는 개념인 routing, single page application 등 부터 시작해서 v6 문법 설명, 코드 스플리팅 설명으로 끝나는 핵심 요약 포스팅입니다.
아래는 제가 해당 포스팅을 읽으면서 눈에 띈, 즉 잘 알아놔야겠다고 느낀 포인트들인데요, 글이 길어 휙휙 넘기게 되더라도 요 부분들은 눈여겨 보시는 것을 추천 드립니다.
특히 URL 파라미터, 쿼리 스트링을 언제 사용하는지 차이점과 사용법을 다룬 파트, 코드 스플리팅 부분은 강추 드립니다!

4.1 URL 파라미터.
4.2 쿼리 스트링.
5.1 중첩된 라우팅(Outlet, 공통 레이아웃).
6.2 NavLink.
6.3 Not Found 페이지 만들기.
7.0 코드 스플리팅(lazy loading) - https://stackblitz.com/github/remix-run/react-router/tree/main/examples/lazy-loading?file=src/App.tsx