(BUSAN.SASHIMI)
terminal
Weekly Digest // JS_FRAMEWORKS — Week 17-2026
codeWeekly Report

JavaScript에 실제로 새로 추가된 것(그리고 다음에 올 것) — 2026년 17주 자바스크립트

JS frameworks, React/Vue/Svelte, and runtime updates

calendar_todaysummarizeWeek 17-2026
ES 표준

JavaScript에 실제로 새로 추가된 것(그리고 다음에 올 것)

ES2025가 2025년 6월에 공식 승인되었고, ES2026 후보 초안도 확정되어 오랫동안 기다려온 언어 기능들이 대거 추가됩니다. 가장 주목할 만한 기능은 Iterator helper로, Iterator.prototype에 추가된 지연 평가 방식의 .map(), .filter(), .take(), .toArray() 메서드를 통해 Array.from 오버헤드 없이 무한 시퀀스를 처리할 수 있습니다. ES2025에는 Set 집합 연산 메서드(union, intersection, difference), 동기/비동기 오류를 일관되게 처리하는 Promise.try, RegExp.escape, Float16Array, JSON import attribute가 포함됩니다. ES2026에서는 부동소수점 정밀 합산을 위한 Math.sumPrecise, Uint8Array.toBase64/toHex, 크로스 realm 오류 검사를 위한 Error.isError, Iterator.concat, Map.getOrInsert, Array.fromAsync, JSON.parse 소스 텍스트 리바이버가 추가됩니다. Temporal은 2026년 3월에 Stage 4에 도달하여 ES2027을 목표로 하며, using 키워드와 import defer는 현재 브라우저에서 이미 사용 가능한 Stage 3 상태입니다.

JavaScript에 실제로 새로 추가된 것(그리고 다음에 올 것)
Read Articlearrow_forward
Video · 프레임워크

TanStack Start에서 SSR/RSC를 구현하는 5가지 방법

Jack Herrington은 PokeAPI를 사용하여 TanStack Start에서 사용 가능한 다섯 가지 데이터 로딩 및 렌더링 전략을 소개합니다. 다섯 가지 모드는 다음과 같습니다: (1) CSR — ssr: false, 클라이언트에서 로더 실행; (2) SSR — ssr: true(기본값), 서버에서 데이터와 HTML 모두 렌더링 후 하이드레이션; (3) 데이터 전용 SSR — 데이터는 서버에서 가져오지만 HTML은 클라이언트에서만 렌더링, CDN 캐시를 피하는 대시보드 페이지에 유용; (4) renderServerComponent를 통한 RSC — 비동기 서버 컴포넌트와 저수준 RSC API를 사용하여 라우트 로더에서 렌더러블 반환; (5) createCompositeComponent를 통한 RSC — 서버 렌더링 레이아웃에 클라이언트 측 인터랙티브 요소를 use client 없이 슬롯으로 삽입할 수 있는 TanStack 고유 API. RSC 지원은 ViteJS RSC 플러그인과 TanStack Start Vite 플러그인 플래그를 추가하여 활성화됩니다.

AI_INFOGRAPHIC
TanStack Start에서 SSR/RSC를 구현하는 5가지 방법 — infographicWATCH_VIDEOarrow_forward
Article · 런타임READ TIME: 16m

Bun v1.3.13

Bun v1.3.13은 테스트 러너에 중요한 개선 사항과 함께 광범위한 성능 및 호환성 향상을 제공합니다. 새로운 bun test --isolate 플래그는 각 테스트 파일을 단일 프로세스 내의 새로운 글로벌 환경에서 실행하고, --parallel은 작업 훔치기 스케줄링으로 N개의 워커 프로세스에 파일을 분산합니다. 새로운 --shard=M/N 플래그는 Jest와 Playwright 문법과 동일하게 CI 작업에 테스트 파일을 라운드 로빈으로 분배합니다. 소스 맵 메모리가 새로운 비트 패킹 바이너리 형식으로 매핑당 약 20바이트에서 2.4바이트로 감소하여 컴파일 바이너리 크기가 약 1.8 MB 줄었습니다. zlib-ng 2.3.3으로 업그레이드 후 gzip 압축 속도가 최대 5.5배 향상되었습니다. Bun.serve()에 Range 요청 지원(RFC 9110 부분 콘텐츠 / 206 응답)이 추가되었으며, JavaScriptCore 엔진은 1,316개의 WebKit 커밋을 병합했습니다. WebCrypto와 node:crypto에 SHA3-224/256/384/512 및 X25519 deriveBits가 추가되었습니다.

READ_FULL_LOGarrow_forward
Article · 프레임워크READ TIME: 7m

Fresh 2.3: 기본 Zero JS, View Transition, Temporal 지원

20명의 기여자가 100개 이상의 커밋으로 만든 Fresh 2.3은 프레임워크의 제로 JavaScript 약속을 더욱 정확하게 이행합니다. 아일랜드나 파셜을 사용하지 않는 페이지는 이제 스크립트 태그와 모듈 프리로드 헤더 없이 JavaScript를 0 KB로 제공합니다(2.2에서는 원본 14-22 KB / gzip 5-9 KB). 이번 릴리스에서는 body 요소의 f-view-transition 속성 하나로 View Transitions API 지원이 추가되어 CSS 사용자 정의 애니메이션과 미지원 브라우저 폴백을 제공합니다. app.ws()와 ctx.upgrade() API를 통한 WebSocket 기본 지원도 추가되었습니다. Vite 통합은 두 개의 Babel 패스를 제거하고 CJS-to-ESM 처리, React 호환 앨리어싱, Radix UI 호환성을 수정했습니다. 보안 추가 기능으로는 CSP 논스 주입 미들웨어와 CIDR 지원 IP 필터 미들웨어가 포함됩니다. 이제 모든 8가지 Temporal 타입을 아일랜드 props로 전달할 수 있으며, 미리 컴파일된 미들웨어 체인과 OpenTelemetry W3C traceparent 전파도 추가되었습니다.

READ_FULL_LOGarrow_forward
Article · 번들러READ TIME: 12m

Rspack 2.0 발표

Rspack 2.0은 단순한 빠른 webpack 호환 번들러를 넘어 현대적인 JavaScript 기본값을 지향하는 중요한 진화입니다. 빌드 성능은 1.7 대비 약 10%(1.0 대비 최대 100%) 향상되었으며, 영구 캐시 적중 시 빌드 시간이 약 50% 단축되고 캐시 사용 시 메모리 사용량이 20% 이상 감소합니다. @rspack/dev-server의 의존성 수는 192개에서 1개로 줄었고 설치 크기는 15 MB에서 1.4 MB로 대폭 감소했습니다. 출력 최적화 측면에서는 CommonJS 구조 분해를 인식하는 트리 쉐이킹, #__NO_SIDE_EFFECTS__ 컴파일러 어노테이션, Module Federation 공유 의존성 트리 쉐이킹이 추가되었습니다. ESM 지원도 전면 개편되어 핵심 패키지가 순수 ESM으로 전환되었으며, ESM 출력에서 import.meta 속성이 보존되고 import defer가 확장되었습니다. 새로운 기능으로는 실험적 React Server Components 지원, #/ 서브패스 앨리어스 임포트, swc-loader의 detectSyntax: auto 옵션, 해시 기반 모듈 ID가 포함됩니다.

READ_FULL_LOGarrow_forward
Article · React 내부READ TIME: 7m

React가 UI를 순서 없이 스트리밍하면서도 순서를 유지하는 방법

Sankalpa Acharya의 이 글은 React 18의 renderToPipeableStream으로 도입된 React 비순차 스트리밍의 내부 메커니즘을 해부합니다. 전통적인 SSR은 가장 느린 데이터 패치가 완료될 때까지 전체 HTML 응답을 블로킹하지만, React의 Suspense 기반 스트리밍은 준비된 컴포넌트를 즉시 전송하고 각 보류 중인 Suspense 경계에 HTML 주석 마커(<!--$?--> / <!--/$-->)와 템플릿 플레이스홀더를 삽입합니다. 서버 데이터가 해결되면 React는 실제 콘텐츠가 담긴 숨겨진 div와 $RC(boundaryId, contentId)를 호출하는 작은 인라인 스크립트를 스트리밍합니다. $RC 함수는 템플릿과 해결된 div를 찾아 경계를 대기 중($~)으로 표시하고 $RV 함수를 통해 requestAnimationFrame으로 DOM 교체를 스케줄링합니다. 전체 경계 생명주기는 $?(보류) → $~(대기) → $(완료)로 진행됩니다.

READ_FULL_LOGarrow_forward
Article · React 컴파일러READ TIME: 12m

18개월을 맞은 React Compiler: 궤적, 논쟁, 다음 단계

Sascha Becker는 2024년 말 React 19와 함께 공개 베타로 출시된 후 2025년 10월 1.0으로 릴리스된 React Compiler의 18개월을 회고합니다. 컴파일러의 가장 큰 영향은 벤치마크 숫자보다는 놓친 useCallback 의존성, 목록에서의 불필요한 리렌더링 등 전체 버그 카테고리를 없앤 것입니다. 그린필드 스토리는 해결되었지만, 브라운필드 도입은 하나의 프로젝트입니다. 컴파일러가 React 규칙을 빌드 타임에 강제함으로써 오래된 상태 라이브러리와 훅에서 조용한 위반을 드러냈기 때문입니다. 주요 실패 패턴으로는 렌더링 중 변형, 렌더링에서 ref 읽기, 클래스 컴포넌트(컴파일 불가), 지원되지 않는 구문에서의 조용한 컴파일 회피가 있으며, 이는 react-hooks/unsupported-syntax ESLint 규칙으로 탐지 가능합니다. 향후에는 더 세밀한 컴파일 제어, RSC 직렬화 최적화, useEvent 수렴, React Native 컴파일러 지원, 그리고 컴파일러 의사결정 시각화 DevTools 패널이 예상됩니다.

READ_FULL_LOGarrow_forward
summarizeDigest_Summary

17주차에는 JavaScript 생태계 릴리스와 스펙 뉴스가 쏟아졌습니다. ES2025가 공식 승인되고 ES2026 후보 초안이 확정되어, Iterator.prototype에 지연 평가 방식의 .map(), .filter(), .take(), .toArray()를 제공하는 Iterator helper, 네이티브 Set 메서드(union, intersection, difference), Promise.try, RegExp.escape, Float16Array, JSON import attribute가 추가됩니다. ES2026에는 Math.sumPrecise, Uint8Array.toBase64/toHex, Error.isError, Map.getOrInsert, Array.fromAsync, JSON.parse 소스 텍스트 리바이버가 추가됩니다. Temporal은 2026년 3월 Stage 4에 도달하여 ES2027을 목표로 합니다.

툴링 측면에서 Rspack 2.0은 webpack 호환 번들러를 넘어 모던 JS 우선 번들러로 전환했습니다. 빌드 성능은 1.7 대비 약 10%(1.0 대비 최대 100%) 향상되었고, 영구 캐시로 빌드 시간이 약 50% 단축되었으며, dev-server 설치 크기가 15 MB에서 1.4 MB로 줄었습니다. ESM이 핵심 출력 형식이 되었고, 실험적 React Server Components 지원도 추가되었습니다. Bun v1.3.13은 --isolate, --parallel 플래그, CI 배포를 위한 --shard=M/N 플래그, 컴파일 바이너리 크기를 약 1.8 MB 줄이는 비트 패킹 소스맵 형식을 도입했습니다. zlib-ng 2.3.3으로 gzip 압축 속도가 최대 5.5배 향상되었으며, WebCrypto에 SHA3와 X25519 deriveBits가 추가되었습니다.

Deno의 Fresh 2.3은 진정한 제로 JS 페이지를 달성했습니다(14-22 KB에서 0 KB). body의 f-view-transition 속성 하나로 View Transitions API 지원, app.ws()와 ctx.upgrade()를 통한 WebSocket 기본 지원, 아일랜드 props로 전달 가능한 완전한 Temporal 타입 지원이 추가되었습니다. React Compiler는 2025년 10월 1.0에 도달했으며, TanStack Start는 이제 createCompositeComponent API를 포함한 5가지 SSR/RSC 렌더링 전략을 지원합니다.

Key Takeaways
  • ES2025 Iterator helper는 Array.from 오버헤드 없이 지연 무한 시퀀스 처리를 가능하게 하며, ES2026의 Math.sumPrecise는 부동소수점 정밀 합산을 제공합니다. 두 기능 모두 현재 브라우저에 출시 중입니다.
  • Rspack 2.0은 webpack 호환성 정체성을 버리고 모던 ESM 기본값으로 전환하여 dev-server 설치 크기를 15 MB에서 1.4 MB로 줄이고 실험적 React Server Components 지원을 추가했습니다.
  • Fresh 2.3은 기본적으로 진정한 제로 JS를 달성했으며, Bun v1.3.13은 --shard=M/N CI 테스트 분배와 바이너리 크기를 약 1.8 MB 줄이는 비트 패킹 소스맵 형식을 도입했습니다.