Cross-cutting frontend topics, tooling, and DX Compiled for immediate developer deployment.
wasm-pack, wasm-bindgen이 주요 툴체인을 유지하며, AssemblyScript는 TypeScript 개발자의 진입 장벽을 낮춥니다. 브라우저 너머로는 WASI Preview 2가 Cloudflare Workers 등 엣지 플랫폼에서 콜드 스타트 1~5ms, 모듈당 메모리 1MB로 Wasm 실행을 가능하게 합니다. 이제 Chrome 119+, Firefox 120+, Safari 18.2+에서 안정화된 WasmGC는 Kotlin, Dart, Java를 브라우저에서 실행하면서 번들 크기를 60~80% 줄여줍니다.Cloudflare D1/KV/R2 등 HTTP 기반 드라이버가 필요합니다. 일반적인 엣지 패턴으로는 해시된 사용자 ID를 이용한 결정론적 A/B 테스트, Web Crypto API를 통한 JWT 검증, 지리 기반 콘텐츠 라우팅이 있습니다.
twox-hash 크레이트를 xxhash-rust로 교체해 6% 향상), 회귀 테스트 없음, 마이크로벤치마크 노이즈 추종, --profile 플래그 미사용 등 치명적인 에이전트 한계도 드러났습니다. 돌파구는 Chrome Trace JSON 프로파일을 자기 시간순으로 정렬된 핫 함수와 단일 줄 콜 트리가 있는 LLM 친화적인 Markdown으로 재포맷한 것으로, 에이전트 제안의 품질을 극적으로 향상시켰습니다. Vercel Sandbox(시스템 노이즈를 제거하는 일회성 Linux 컨테이너)를 사용한 hyperfine 검증과 함께 반복적인 루프를 통해 20개 이상의 성능 PR이 생성되었습니다.turbo.json으로 최소한의 설정을 제공합니다. 벤치마크에서 단일 머신 CI를 25분 32초에 완료합니다. Nx는 코드 생성, named-inputs 선택적 캐시 무효화, 모듈 경계 강제, Nx Agents를 통한 동적 분산 태스크 실행을 추가하여 동일한 빌드를 21분 56초, 분산 시 9분 20초에 완료합니다. Bazel은 1,000명 이상의 엔지니어 규모의 폴리글랏 저장소를 위한 완전히 격리된 액션 수준 재현 가능한 빌드를 제공합니다.
BigInt, async/await, Promise 컴비네이터를 활용하는 현대적인 JavaScript를 추가합니다. 성능 향상을 위해 WebKit 팀은 JavaScriptCore에 심층적인 변경을 가했습니다: 생성된 기계어 코드에 GC 할당 빠른 경로 인라인화(WasmGC 서브테스트 40% 향상), O(1) 하위 유형 검사를 위한 Cohen의 타입 디스플레이 알고리즘, 최대 세 개 피호출자의 런타임 프로파일을 이용한 다형성 간접 호출 인라인화, B+ 트리 구간 추적을 사용하는 탐욕적 레지스터 할당기(대형 함수에서 2배 빠름), IPInt 인터프리터 계층에서 SIMD 지원. 이러한 변경들로 Safari 26.0에서 26.4로 약 10%의 점수 향상이 이루어졌습니다.
Uber 최초의 CTO Thuan Pham은 2013년 엔지니어 40명, 하루 3만 건의 운행에서 역사상 가장 복잡한 엔지니어링 조직 중 하나로 성장하는 과정을 회고합니다. 단일 스레드 Node.js 모놀리스였던 디스패치 시스템은 뉴욕시 트래픽의 용량 한계에 부딪히기 전에 N×M 다중 도시·다중 박스 아키텍처로 5개월 안에 재작성되었습니다. Travis Kalanick이 중국 현지 데이터센터와 함께 2개월 내 중국 출시를 지시했을 때, Pham의 팀은 가장 어려운 도시인 청두를 먼저 공략하여 5개월 만에 완료했습니다. Uber의 수천 개 마이크로서비스는 사전 설계가 아니라, 전담 팀이 모놀리스를 분해하는 동안 모든 신규 코드는 모놀리스 외부에 배치한다는 규칙에서 비롯되었습니다. PostgreSQL 같은 오픈소스 솔루션이 Uber 규모에서 실패했을 때만 M3, Schemaless, TChannel 같은 내부 툴이 만들어졌습니다.
Alex Russell은 유능한 브라우저와 PWA야말로 모바일 앱스토어 독점을 깨뜨릴 가장 강력하면서도 조직적으로 억압된 수단이라고 주장합니다. Apple은 경쟁 브라우저 엔진에 홈 화면 웹앱, 푸시 알림, 인앱 링크 처리를 가능하게 하는 API를 의도적으로 제공하지 않음으로써 DMA 준수를 법적 허구로 만들고 있습니다. EU, 영국, 일본의 규제 당국은 콜드스타트 문제 없이 iOS와 Android를 규율할 수 있는 유일한 생태계인 브라우저 엔진 선택 대신 대체 앱스토어에 집중함으로써 보기 드문 집행 권한을 낭비하고 있습니다. 브라우저가 OS를 넘나들며 신원과 결제를 동기화하고 전환 비용이 거의 없기 때문에, 진정한 브라우저 경쟁을 해방시키면 앱스토어 수수료와 독점 API 종속을 동시에 약화시킬 것입니다.
Read Articlearrow_forwardUber 최초의 CTO Thuan Pham은 2013년 엔지니어 40명, 하루 3만 건의 운행에서 역사상 가장 복잡한 엔지니어링 조직 중 하나로 성장하는 과정을 회고합니다. 단일 스레드 Node.js 모놀리스였던 디스패치 시스템은 뉴욕시 트래픽의 용량 한계에 부딪히기 전에 N×M 다중 도시·다중 박스 아키텍처로 5개월 안에 재작성되었습니다. Travis Kalanick이 중국 현지 데이터센터와 함께 2개월 내 중국 출시를 지시했을 때, Pham의 팀은 가장 어려운 도시인 청두를 먼저 공략하여 5개월 만에 완료했습니다. Uber의 수천 개 마이크로서비스는 사전 설계가 아니라, 전담 팀이 모놀리스를 분해하는 동안 모든 신규 코드는 모놀리스 외부에 배치한다는 규칙에서 비롯되었습니다. PostgreSQL 같은 오픈소스 솔루션이 Uber 규모에서 실패했을 때만 M3, Schemaless, TChannel 같은 내부 툴이 만들어졌습니다.
WebAssembly는 2026년에 이미지 처리, 물리 시뮬레이션, 머신러닝 추론 등 컴퓨팅 집약적 작업에서 JavaScript 대비 1.5배에서 20배의 속도 향상을 제공하는 실용적인 프로덕션 도구로 성숙했습니다. 실제 벤치마크에서는 4K 이미지 처리 시간이 JavaScript의 180ms에서 Rust-to-Wasm으로 22ms, SIMD 명령어를 활용하면 8ms까지 단축되는 것으로 나타났습니다. Rust와 wasm-pack, wasm-bindgen이 주요 툴체인을 유지하며, AssemblyScript는 TypeScript 개발자의 진입 장벽을 낮춥니다. 브라우저 너머로는 WASI Preview 2가 Cloudflare Workers 등 엣지 플랫폼에서 콜드 스타트 1~5ms, 모듈당 메모리 1MB로 Wasm 실행을 가능하게 합니다. 이제 Chrome 119+, Firefox 120+, Safari 18.2+에서 안정화된 WasmGC는 Kotlin, Dart, Java를 브라우저에서 실행하면서 번들 크기를 60~80% 줄여줍니다.
V8 isolate를 통해 네트워크 엣지에서 코드를 실행하면 TTFB가 60~80% 감소하고 콜드 스타트가 컨테이너 서버리스의 100~1,000ms에서 1ms 미만으로 단축됩니다. Cloudflare Workers는 330개 이상의 PoP와 50ms CPU 제한, 월 $5 요금제를 제공하며, Vercel Edge Functions는 25ms CPU로 Next.js 미들웨어와 긴밀히 통합됩니다. Deno Deploy는 경쟁사의 네 배인 512MB 메모리를 백만 요청당 $10에 네이티브 TypeScript 지원과 함께 제공합니다. 엣지 스토리지는 Turso(임베디드 SQLite 복제본, 1ms 미만 읽기), Neon(copy-on-write 브랜칭 PostgreSQL), Cloudflare D1/KV/R2 등 HTTP 기반 드라이버가 필요합니다. 일반적인 엣지 패턴으로는 해시된 사용자 ID를 이용한 결정론적 A/B 테스트, Web Crypto API를 통한 JWT 검증, 지리 기반 콘텐츠 라우팅이 있습니다.
Vercel 엔지니어 Anthony Shew는 AI 코딩 에이전트와 체계적인 프로파일링 실천을 결합하여 8일 만에 1,000개 이상의 패키지 모노레포에서 Turborepo의 Time to First Task를 8.1초에서 716밀리초로—91% 향상—줄였습니다. 초기 무인 에이전트는 일부 성과를 거뒀지만(참조 기반 해싱으로 25% 실행 시간 단축, twox-hash 크레이트를 xxhash-rust로 교체해 6% 향상), 회귀 테스트 없음, 마이크로벤치마크 노이즈 추종, --profile 플래그 미사용 등 치명적인 에이전트 한계도 드러났습니다. 돌파구는 Chrome Trace JSON 프로파일을 자기 시간순으로 정렬된 핫 함수와 단일 줄 콜 트리가 있는 LLM 친화적인 Markdown으로 재포맷한 것으로, 에이전트 제안의 품질을 극적으로 향상시켰습니다. Vercel Sandbox(시스템 노이즈를 제거하는 일회성 Linux 컨테이너)를 사용한 hyperfine 검증과 함께 반복적인 루프를 통해 20개 이상의 성능 PR이 생성되었습니다.
이제 50명 이상의 개발자를 보유한 회사의 63%가 모노레포를 사용하는 만큼, 올바른 오케스트레이션 툴 선택은 중요한 아키텍처 결정입니다. Turborepo는 5~50개 패키지 규모의 JavaScript/TypeScript 팀에 적합하며, 콘텐츠 기반 태스크 해싱과 Vercel 원격 캐싱(CI 시간 90% 이상 단축), 단일 turbo.json으로 최소한의 설정을 제공합니다. 벤치마크에서 단일 머신 CI를 25분 32초에 완료합니다. Nx는 코드 생성, named-inputs 선택적 캐시 무효화, 모듈 경계 강제, Nx Agents를 통한 동적 분산 태스크 실행을 추가하여 동일한 빌드를 21분 56초, 분산 시 9분 20초에 완료합니다. Bazel은 1,000명 이상의 엔지니어 규모의 폴리글랏 저장소를 위한 완전히 격리된 액션 수준 재현 가능한 빌드를 제공합니다.
WebKit, Google, Mozilla가 협력하여 개발한 JetStream 3는 별도의 Startup/Runtime 채점 모델을 초기 반복 컴파일 비용, 최악의 경우 지연, 지속적 처리량을 단일 기하 평균으로 캡처하는 통합 다중 반복 라이프사이클 점수로 대체합니다. 이 제품군은 Dart, Kotlin, Java로 컴파일된 WasmGC 워크로드와 BigInt, async/await, Promise 컴비네이터를 활용하는 현대적인 JavaScript를 추가합니다. 성능 향상을 위해 WebKit 팀은 JavaScriptCore에 심층적인 변경을 가했습니다: 생성된 기계어 코드에 GC 할당 빠른 경로 인라인화(WasmGC 서브테스트 40% 향상), O(1) 하위 유형 검사를 위한 Cohen의 타입 디스플레이 알고리즘, 최대 세 개 피호출자의 런타임 프로파일을 이용한 다형성 간접 호출 인라인화, B+ 트리 구간 추적을 사용하는 탐욕적 레지스터 할당기(대형 함수에서 2배 빠름), IPInt 인터프리터 계층에서 SIMD 지원. 이러한 변경들로 Safari 26.0에서 26.4로 약 10%의 점수 향상이 이루어졌습니다.
14주차에는 브라우저 엔진 개발, 웹 표준 기여, 인프라 툴링에 걸친 실질적인 내용이 다양하게 다루어졌습니다. WebKit 팀은 Google, Mozilla와 협력하여 JetStream 3를 출시했는데, 이는 기존의 Startup/Runtime 점수를 컴파일 비용, 최악의 경우 지연, 지속적 처리량을 포착하는 다중 반복 라이프사이클 기하 평균으로 대체한 통합 벤치마크입니다. JavaScriptCore는 GC 할당 빠른 경로 인라인화(WasmGC 서브테스트 40% 향상), O(1) 서브타입 검사를 위한 Cohen의 타입 디스플레이 알고리즘, B+ 트리 기반 탐욕적 레지스터 할당기(대형 함수에서 2배 빠름)를 도입하여 Safari 26.0에서 26.4로 약 10%의 점수 향상을 달성했습니다. Dart, Kotlin, Java로 컴파일된 WasmGC 워크로드도 이제 벤치마크 제품군에 포함됩니다.
Squarespace 엔지니어링 팀은 2019년 img와 iframe에 도입된 이래 누락되었던 HTML video 및 audio 요소의 loading="lazy" 지원을 WHATWG HTML 표준 직접 pull request, 30개 이상의 Web Platform Tests 병합, 브라우저 패치를 통해 기여했으며, 4월 7일 Chrome 147 GA로 출시되었습니다. 엣지 컴퓨팅 측면에서도 WASI Preview 2가 Cloudflare Workers와 Akamai EdgeWorkers에서 콜드 스타트 1~5ms, 모듈당 약 1MB 메모리로 Wasm을 구동하고, Cloudflare Workers, Deno Deploy, Vercel Edge Functions의 심층 비교가 지연 시간, CPU 제한, 스토리지 옵션, 비용 트레이드오프를 정량화했습니다.
빌드 툴링 측면에서 Vercel 엔지니어 Anthony Shew는 Chrome Trace JSON 프로파일을 LLM이 읽기 쉬운 Markdown으로 변환하고 AI 에이전트 제안을 임시 Vercel Sandbox 컨테이너에서 hyperfine으로 검증하는 방식으로, 8일 만에 1,000개 이상의 패키지 모노레포에서 Turborepo의 Time to First Task를 8.1초에서 716ms로 91% 단축했습니다. 더 광범위한 모노레포 비교에서는 Turborepo가 5~50개 패키지의 JS/TS 팀에, Nx가 분산 CI에, Bazel이 1,000명 이상 규모의 폴리글랏 환경에 적합한 것으로 나타났습니다.