본문 바로가기

Frontend#Frontend#Bundler#Rust조회 100

Rspack란?

정의

ByteDance가 만든 Rust 기반 Webpack 호환 번들러. Webpack 설정 그대로 쓰며 10배+ 빠른 빌드.

다른 표현알스팩Rspack

Rspack이란?

ByteDance가 TikTok 빌드를 위해 만든 Rust 기반 번들러다. Webpack과 API 호환이라 설정을 크게 바꾸지 않고 즉시 속도 이득을 본다.

Turbopack과 차이

Rspack — Webpack 호환 우선, 기존 프로젝트 이관 쉬움
Turbopack — Next.js 통합·새 아키텍처, 호환보다 성능 우선

생태계

Rspack 기반 Rsbuild(Vite 같은 DX), Rsdoctor(번들 분석), Rslib(라이브러리 빌드)로 확장 중.

📘 관련 기술노트

전체 보기 →

FrontendRspack — Webpack 호환 고속 번들러

Frontendrspack — Webpack 호환 고속 번들러 등장

FrontendFrontend 빌드 도구 비교 — Vite 7 vs Turbopack vs Rspack

🔗 함께 보면 좋은 용어

Frontend 전체 →

이미지 최적화

Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.

HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.

웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.

Analog (Angular)

Angular용 메타프레임워크. Vite·파일 라우팅·SSR.

Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.

Angular Signals

Angular 17+의 반응성 API. Zone.js 의존 탈피.