Next.js의 새로운 번들러, 터보팩(Turbopack)으로 빌드 속도 혁신!

Dirty 상태 전파(Dirty Propagation): 변경된 파일에 의존하는 함수를 재계산하고, 그 결과로 변경된 셀은 다시 다른 함수를 'Dirty' 상태로 만듦

Demand-driven 실행: 'Active Query'의 일부가 될 때까지 Dirty 상태의 함수 실행을 지연하여 불필요한 계산 방지

최적화(Optimization): 셀 내용이 동일하면 업데이트를 건너뛰어 계산량 최소화

다중 레이어(Multi-layer) 구조: 여러 레이어의 Aggregation Node를 통해 의존성 그래프의 정보를 요약

Active Query 지원: 애플리케이션의 엔트리 포인트(Entrypoint) 또는 라우트(Route)와 같은 잠재적인 Active Query를 Aggregation Graph의 Root로 사용

오류 및 경고 수집: Aggregation Node에 오류, 경고, 린트(Lint) 정보 등을 첨부하여 정보 접근성 향상

지속성(Persistence): 의존성 그래프(Dependency Graph), Aggregation Graph, Value Cells에 저장된 중간 결과 등을 디스크에 저장

빠른 재시작(Fast Restart): next dev 재시작 시, Warm Cache로부터 빠르게 시작하여 개발 생산성 향상

고품질(High Quality) 구현: 파일 시스템 캐싱(File System Caching) 구현에는 1년 이상이 소요될 정도로 많은 노력이 투입

Webpack의 한계: 기존 번들러는 파일 단위의 캐싱(File-level Caching)을 주로 사용하며, 세분화된 변경 사항을 반영하는 데 한계

Salsa, Rust Compiler 영감: 터보팩(Turbopack)은 Salsa, Rust Compiler의 쿼리 시스템 등에서 영감을 받아 자동 의존성 추적(Automatic Dependency Tracking) 기술을 개발

세분화된 캐싱(Fine-grained Caching): Value Cells를 활용하여 함수 단위의 캐싱을 구현, 변경 사항에 대한 최소한의 재계산(Minimal Recomputation) 수행

Next.js 통합: Next.js의 기본 번들러로 채택되어, 대규모 웹 애플리케이션(Web Application) 개발 생산성 향상에 기여