본문으로 건너뛰기

루프공방LoopLab

배우기 카탈로그 도구·모델 AI 질의 소식 챌린지 공유 방명록

페이지를 불러오는 중입니다.

루프공방

바이브코딩을 해 봤지만 아직 서툰 사람을 위해, 하네스·Skills·MCP·Hooks·실제 도구를 익히고 시행착오를 줄이는 학습 허브

검색 완전 초보 배우기 도구·모델 카탈로그 소식 챌린지 프로젝트 방명록 로그인

배우기
카탈로그
AI 질의
챌린지
공유

plugin중급15kGitHub stars 15006React라우팅TS

TanStack Router

타입 안전 라우팅

GitHub TanStack/router · 스타 15,006 (일 1회 갱신)

커뮤니티 · TanStack 생태계 채택 증가

공식 문서 GitHub★ 15.0k

무엇을 하나요

파일/코드 라우트에 강한 타입. 에이전트가 링크·로더 실수 줄이기 좋음.

어떻게 동작하나요

라우트 트리 타입 생성. 로더·검색 파라미터 타입 공유.

이런 분께

같이 보면 좋은 항목

TanStack Query — 서버 상태 관리
Zod — 런타임 스키마 검증

React SPA·타입 집착 팀.

시작 방법

공식 퀵스타트 후 중첩 라우트 1개.

실전 팁

search params zod 검증
로더 에러 경계
Next App Router와 목적 구분

이럴 땐 쓰지 마세요

Next App Router only 프로젝트.

주의 (보안·운영)

버전 마이그레이션 노트 확인.

막히기 쉬운 지점

any로 라우트 타입 우회.