Tanstack Router 사용하기 01

• `Tanstack Router`는 Typescript의 타입 시스템을 활용하여 타입 안전성을 보장하며, 코드 분할을 통해 애플리케이션 성능을 최적화한다.

• 코드 분할을 위해 Critical Route Configuration과 Non-Critical/Lazy Route Configuration으로 경로를 구분하며, `.lazy.tsx` 파일을 사용해 지연 로드 컴포넌트를 정의할 수 있다.

• `Tanstack Router`는 파일 기반 라우팅을 권장하며, 중첩 라우팅을 설정하기 위해 `Route Tree`를 사용한다. `Route Tree`는 Flat Routes, Directory Routes, Mixed Flat and Directory Routes, Code-Based Routes, Case-Sensitivity 등의 다양한 방법으로 정의할 수 있다.

• `Root Route`는 최상위 라우트로 경로가 없으며 항상 매치되고 컴포넌트가 항상 렌더링된다. 이를 통해 일관된 UI나 상태에 따른 처리가 가능하다.