Vite, Rust, 그리고 JavaScript 툴링의 미래 | Better Stack 팟캐스트 Ep. 11

하이라이트

• Vite의 차기 번들러인 Rolldown은 Rust 기반의 고성능 툴체인 OXC를 사용하여 Rollup보다 최대 20배 더 빠른 성능을 목표로 합니다.

• 에반 유는 개발, 린트, 포맷팅, 테스트를 하나의 수직 통합 스택으로 묶어 설정의 복잡성을 제거하고 일관된 DX를 제공하려 합니다.

• 번들링이 필요 없다는 주장에 대해 대규모 앱(모듈 3,000개 이상)에서는 네트워크 병목 현상 때문에 여전히 번들링이 필수적임을 강조했습니다.

• 새로운 Vite+는 별도의 Node.js 설치 없이 curl 명령어만으로 개발 환경을 즉시 구축할 수 있는 '제로 컨피그' 온보딩을 지향합니다.

• AI 시대에는 코드 생성 속도가 빨라진 만큼 기술 부채도 급격히 쌓이므로, 도구 제작자가 AI 에이전트를 위한 가이드라인을 직접 제공해야 합니다.

• React Server Components(RSC)에 대해서는 복잡한 DX와 서버 부하 증가 등의 트레이드오프가 많아 모든 사례에 적합한 '은빛 탄환'은 아니라고 평가했습니다.

타임라인

1. 00:00 - 01:40

   에반 유 소개 및 Voice Zero의 주요 오픈 소스 프로젝트

   Vue와 Vite의 창시자인 에반 유는 현재 Voice Zero라는 회사를 운영하며 차세대 개발 도구들을 개발하고 있습니다. 주요 프로젝트로는 Rust 기반의 번들러인 Rolldown과 고성능 파서, 리졸버, 미니파이어를 포함하는 OXC 툴체인이 언급되었습니다. 특히 OXC를 기반으로 한 OX Lint와 OX Format은 각각 ESLint와 Prettier와의 호환성을 유지하면서도 압도적인 속도를 제공합니다. 에반 유는 단순한 프레임워크 개발자를 넘어 전체 개발 생태계를 혁신하는 툴체인 구축에 집중하고 있음을 보여줍니다. 이러한 프로젝트들은 현대 웹 개발에서 가장 고통스러운 지점인 빌드 속도와 설정 문제를 해결하는 데 목적이 있습니다.

2. 01:41 - 08:28

   Vite의 진화와 새로운 번들러 Rolldown의 탄생 배경

   기존 Vite는 개발 시 esbuild를 사용하고 프로덕션 빌드 시 Rollup을 사용하는 이원화된 구조로 인해 동작 불일치와 성능 한계가 있었습니다. 에반 유는 JavaScript로 작성된 Rollup의 속도 문제를 해결하기 위해 이를 Rust로 이식하는 Rolldown 프로젝트를 시작하게 되었다고 설명합니다. 데이터 전달 비용 문제로 인해 단순히 파서만 Rust로 바꾸는 것으로는 충분한 성능 향상을 얻을 수 없다는 기술적 결론을 내렸습니다. 결국 개발과 프로덕션 양쪽에서 동일한 로직을 수행하는 단일 Rust 번들러가 필요하다는 판단하에 독자적인 엔진 개발에 착수했습니다. 이 과정은 기존 도구들의 장점은 취하면서도 근본적인 구조 개선을 통해 성능을 극대화하려는 시도입니다.

3. 08:29 - 17:10

   OXC 툴체인의 기술적 우위와 수직 통합 스택의 비전

   Rolldown의 핵심 기반인 OXC는 아레나 할당기(arena allocator)와 같은 저수준 메모리 최적화를 통해 SWC보다 3배 이상 빠른 성능을 보여줍니다. 에반 유는 번들러, 린터, 포매터, 테스트 러너를 하나의 동일한 파서와 리졸버로 묶는 '수직 통합 스택'의 중요성을 강조합니다. 이를 통해 서로 다른 도구 간의 설정 충돌이나 경로 해석 오류를 원천적으로 방지하고 개발자에게 일관된 경험을 제공할 수 있습니다. 실제로 OX Lint는 ESLint보다 최대 100배 빠르며, OX Format은 Prettier보다 40배 가량 빠르다는 구체적인 벤치마크 수치를 제시했습니다. 최종적인 목표는 수많은 도구를 개별적으로 설치하고 관리해야 하는 현재의 번거로운 워크플로우를 하나로 통합하는 것입니다.

4. 17:11 - 22:06

   번들링의 미래와 임포트 맵(Import Maps)의 한계

   최근 Rails 진영 등에서 주장하는 '노 빌드' 및 임포트 맵 방식에 대해 에반 유는 소규모 프로젝트에는 유효하지만 대규모 앱에서는 한계가 명확하다고 지적합니다. 모듈의 개수가 수천 개에 달하면 브라우저가 수많은 HTTP 요청을 처리하는 과정에서 심각한 네트워크 병목 현상이 발생하기 때문입니다. 특히 모듈 간의 의존성 깊이가 깊을 경우 여러 번의 네트워크 라운드 트립이 발생하여 초기 로딩 속도가 100ms에서 수 초 단위로 늘어날 수 있습니다. 따라서 번들링은 사용자에게 최상의 UX를 제공하기 위한 가장 강력하고 손쉬운 최적화 수단으로 남을 것이라고 주장합니다. 도구 설정의 복잡함 때문에 사람들이 빌드 단계를 피하려 하지만, 기술적 안정성이 확보된다면 번들링은 필수적이라는 입장입니다.

5. 22:07 - 26:38

   Vite+의 정체성과 차세대 온보딩 경험

   Vite+는 JavaScript 개발을 시작할 때 거쳐야 하는 Node.js 설치, 패키지 매니저 선택 등의 복잡한 과정을 완전히 없애는 것을 목표로 합니다. curl 명령어 한 줄로 설치되는 전역 바이너리 'vp'를 통해 프로젝트 생성부터 실행, 린트, 테스트까지 모든 환경을 즉시 구축할 수 있습니다. 이는 단순한 도구의 집합을 넘어 엔터프라이즈급 모노레포까지 확장 가능한 탄탄한 시작점을 제공하는 서비스에 가깝습니다. 수익 모델에 대해서는 대다수의 일반 사용자는 무료로 이용하되, 매우 큰 규모의 기업에만 비용을 청구하고 AI 에이전트를 통한 코드 품질 모니터링 등의 부가 서비스를 제공할 계획입니다. 설정의 고통을 기술로 해결하여 개발자가 비즈니스 로직에만 집중하게 하려는 에반 유의 철학이 담겨 있습니다.

6. 26:39 - 34:12

   AI 에이전트와 코드 개발의 미래 및 기술 부채 문제

   AI 에이전트가 코드를 양산하는 시대에 접어들면서 기술 부채가 그 어느 때보다 빠르게 쌓이고 있다는 우려를 표했습니다. 에반 유는 AI가 최신 기술 데이터에서 뒤처지거나 지름길만 찾으려 하는 경향이 있어, 도구 제작자가 에이전트를 위한 전용 가이드라인을 제공해야 한다고 봅니다. 실제로 Voice Zero 팀은 AI를 활용해 Angular 컴파일러를 Rust로 이식하는 등의 파격적인 실험을 진행하고 있으며 생산성이 크게 향상되었습니다. 하지만 사람이 하던 코드 검토 과정을 AI 시대에도 적절히 유지하지 않으면 코드베이스가 금방 무너질 수 있음을 경고합니다. 따라서 도구 자체가 AI 친화적으로 설계되어 에이전트가 올바른 규칙 안에서 작업하도록 돕는 것이 중요해질 전망입니다.

7. 34:13 - 41:41

   Vite+의 기술적 세부 사항 및 패키지 매니저 관리

   Vite+는 corepack과 유사하게 프로젝트에 설정된 Node.js 버전과 패키지 매니저(pnpm 등)를 자동으로 감지하여 실행해주는 기능을 갖출 예정입니다. 에반 유는 특히 기능, 정확성, 디스크 효율성 면에서 가장 균형 잡힌 pnpm을 기본적으로 추천한다고 밝혔습니다. 또한 Rust를 선택한 이유로 웹어셈블리(Wasm) 지원의 우수성과 브라우저에서의 실행 성능, 그리고 OXC와 같은 훌륭한 인재 풀을 꼽았습니다. Go 언어는 이식이 쉽지만 웹어셈블리 바이너리 크기가 크고 확장성 있는 트랜스포머 아키텍처를 구축하는 데 한계가 있었다고 설명합니다. 곧 출시될 Vite 8에서는 안정성을 최우선으로 하여 기존 번들러를 Rolldown으로 교체하는 거대한 변화를 시도할 것입니다.

8. 41:42 - 55:23

   React Server Components(RSC)에 대한 비판적 시각과 결론

   에반 유는 RSC가 지나치게 만능 해결책처럼 홍보되었으나, 실제로는 네트워크 오프라인 경험 저하와 서버 부하 증가라는 명확한 단점이 있다고 비판합니다. 특히 DX가 매우 복잡하여 Next.js와 같은 특정 프레임워크 없이는 일반 개발자가 직접 구축하기 거의 불가능하다는 점을 지적했습니다. 'use server'와 'use client' 사이를 오가며 발생하는 혼란과 라이브러리 호환성 문제는 개발자에게 지속적인 스트레스를 줄 수 있습니다. Vue 진영에서는 이러한 복잡성을 고려하여 RSC와 유사한 기능을 도입하는 데 매우 보수적인 입장을 유지하고 있습니다. 마지막으로 Vercel의 Nuxt 인수 이후에도 Nuxt 팀은 독립성을 유지하며 발전하고 있다는 소식을 전하며 인터뷰를 마쳤습니다.