1
준비 단계: 경로 우선순위 정리
홈, 목록, 상세, 작성 경로를 먼저 정하고 동적 세그먼트가 정적 경로와 충돌하지 않게 배치합니다.
기본 라우팅
2
라우팅 화면용 전역 스타일 조정 (index.css)
navigation, content 영역, 상세 페이지가 같은 레이아웃 안에서 안정적으로 배치되도록 전역 스타일을 정리합니다.
동적 라우팅 (useParams)
3
내비게이션 바 (Navbar.js)
NavLink를 사용하여 블로그의 주요 페이지로 이동하는 링크를 만듭니다.
쿼리 문자열 (useSearchParams)