개발 동기

관련 포스트

• Next.js 라우팅, 이제 컴파일 타임에 안전하게 관리하세요!
• Generate Router의 새로운 버전: 타입 안전한 라우팅의 진화

Next.js 라우팅의 문제점

Next.js는 파일 시스템 기반 라우팅을 제공하여 직관적이고 편리한 라우팅 시스템을 제공합니다. 하지만 TypeScript를 사용할 때 몇 가지 제약사항이 있었습니다:

1. 타입 안전성 부재: router.push()나 Link 컴포넌트에 잘못된 경로를 입력해도 컴파일 타임에 오류를 감지할 수 없습니다.
2. 자동완성 지원 부족: 존재하는 라우트 경로에 대한 자동완성이 제공되지 않아 개발 생산성이 저하됩니다.
3. 리팩토링 어려움: 라우트 경로 변경 시 해당 경로를 사용하는 모든 곳을 수동으로 수정해야 합니다.

해결 방안

이러한 문제점들을 해결하기 위해 generate-router를 개발하게 되었습니다:

1. 자동 타입 생성: 프로젝트의 파일 구조를 분석하여 모든 라우트 경로에 대한 타입을 자동으로 생성합니다.
2. 타입 안전성 보장: 잘못된 라우트 경로 사용 시 컴파일 에러를 발생시켜 런타임 오류를 방지합니다.
3. 개발자 경험 향상: 자동완성과 타입 추론을 통해 더 나은 개발 경험을 제공합니다.

기대 효과

generate-router를 사용함으로써 얻을 수 있는 이점들:

• 타입 안전성 확보로 인한 버그 감소
• 자동완성 지원으로 인한 개발 생산성 향상
• 리팩토링 시 타입 시스템을 통한 안전한 변경 가능
• 문서화 없이도 사용 가능한 라우트 경로 파악