JS frameworks, React/Vue/Svelte, and runtime updates Compiled for immediate developer deployment.
calendar_todaysummarizeWeek 26-2026
article
Astro 7.0
TAG: 프레임워크
Astro 7은 프레임워크 역사상 가장 빠른 빌드 성능을 제공합니다. .astro 컴파일러를 Go에서 Rust로 완전히 재작성하고, Markdown과 MDX 처리는 pulldown-cmark와 oxc를 사용하는 Rust 기반 프로세서 Satteri로 전환했으며, 렌더링 엔진도 기존 재귀 방식 대비 약 2.4배 빠른 큐 기반 방식으로 교체했습니다. 번들링은 Rolldown을 탑재한 Vite 8로 업그레이드되어 esbuild와 Rollup을 단일 번들러로 통합합니다. 실제 프로젝트 기준 빌드 시간이 15-61% 단축됐으며, Cloudflare 8,431페이지 문서 사이트는 387초에서 262초로 줄었습니다. 플랫폼 독립적 API를 갖춘 Route Caching이 안정화됐고 Netlify, Vercel, Cloudflare용 CDN 캐시 프로바이더가 실험적으로 추가됐습니다. Hono 미들웨어와 호환되는 src/fetch.ts 기반의 Advanced Routing도 도입됐으며, AI 에이전트를 위한 백그라운드 dev 서버 모드와 구조화된 JSON 로깅도 지원됩니다.
Deno 2.9의 핵심은 실험적 명령어 deno desktop으로, 웹 스택 프로젝트를 네이티브 데스크톱 바이너리로 컴파일합니다. webview 또는 번들 Chromium(CEF) 백엔드를 지원하며 --target 또는 --all-targets으로 별도 패키징 툴체인 없이 크로스 컴파일이 가능합니다. V8 스냅샷 최소화와 Node 글로벌 지연 로딩을 통해 콜드 스타트 시간을 34ms에서 17ms로 약 절반 수준으로 단축했고, 부하 시 메모리 사용량도 최대 197 MB에서 약 63 MB로 크게 줄었습니다. deno install은 이제 npm, pnpm, yarn, Bun 잠금 파일에서 직접 deno.lock을 생성해 패키지 매니저 마이그레이션을 두 개의 명령으로 처리합니다. 보안 측면에서는 min-release-age가 기본 24시간으로 활성화됐고, opt-in no-downgrade 신뢰 정책이 이전 릴리스보다 약한 배포 출처를 가진 패키지 버전을 거부합니다. 테스트 러너는 t.assertSnapshot(), --changed 옵션, Deno.test.each, --shard, 커버리지 임계값 등을 새로 지원합니다. Web Cryptography는 ML-KEM, ML-DSA, SLH-DSA(FIPS 203/204/205) 등 포스트 양자 알고리즘을 추가했습니다.
Next.js 16.3은 Instant Navigations를 도입합니다. cacheComponents: true와 partialPrefetching: true 설정 플래그 뒤에 있는 옵트인 기능으로, 서버 중심 앱에 SPA 수준의 반응성을 제공합니다. Suspense 스트리밍이나 'use cache' 지시어를 사용하는 라우트는 즉시 탐색되며, 서버 사이드 데이터를 블로킹해야 하는 라우트는 export const instant = false로 제외할 수 있습니다. 새로운 Partial Prefetching 모델은 링크별로 별도 요청을 보내는 대신 라우트당 하나의 재사용 가능한 로딩 셸만 프리페치합니다. DevTools의 Navigation Inspector를 통해 각 탐색을 셸 단계에서 일시 중지하고 프리페치된 콘텐츠를 검사할 수 있으며, @next/playwright의 instant() 테스트 헬퍼로 회귀를 방지할 수 있습니다. Link prefetch={true}와 'use cache'를 조합하면 링크별 심화 프리페치도 가능합니다.
Next.js 16.3은 AI 에이전트 통합을 여러 측면에서 강화합니다. next dev 명령은 이제 AGENTS.md에 버전에 맞는 문서 포인터를 자동으로 삽입해 Claude Code, Cursor, Codex 같은 에이전트가 오래된 학습 데이터 대신 로컬 번들 문서를 참조하도록 합니다. npx skills add vercel/next.js로 설치하는 세 가지 퍼스트파티 Skill이 추가됩니다: React DevTools 기반 브라우저 구동을 지원하는 next-dev-loop, 라우트별로 Cache Components를 점진적으로 적용하는 next-cache-components-adoption, before/after 스크린샷으로 정적 셸을 최적화하는 next-cache-components-optimizer. DevTools MCP 서버는 기존 지식 베이스를 제거하고 get_compilation_issues와 compile_route두 개의 컴파일 도구를 추가했습니다. 또한 nextjs.org/docs 페이지 URL에 .md를 붙이면 순수 Markdown을 받을 수 있고, 전체 문서는 /docs/llms-full.txt로 제공됩니다.
주간 다운로드 1,600만 회를 넘는 Vercel의 AI SDK 7은 텍스트 생성 SDK에서 완전한 에이전트 런타임 플랫폼으로 확장됩니다. generateText와 streamText에 표준화된 reasoning 옵션이 추가됐고, 다른 도구에 API 키가 유출되지 않도록 도구별 contextSchema가 도입됐습니다. 프로세스 재시작이나 지연된 휴먼 승인에도 실행을 유지하는 WorkflowAgent가 내구성 있는 에이전트 실행을 지원합니다. 도구 승인은 이제 위조 입력을 방지하는 HMAC 서명 검증을 지원합니다. 새로운 HarnessAgent 추상화는 Claude Code, Codex 등 기성 에이전트 하네스를 구성 가능한 샌드박스 내에서 단일 인터페이스로 실행합니다. 옵저버빌리티도 개선돼 텔레메트리가 시작 시 한 번 등록으로 모든 SDK 함수를 커버하고, 단계별 성능 통계(responseTimeMs, outputTokensPerSecond)와 Node.js diagnostics_channel 지원이 추가됩니다. 실험적 기능으로는 OpenAI, Google, xAI를 아우르는 프로바이더 독립적 실시간 WebSocket 세션과 fal, Google AI Studio, Google Vertex, Replicate를 통한 generateVideo가 포함됩니다. v6에서 마이그레이션은 npx @ai-sdk/codemod v7로 자동화됩니다.
Rspack 2.1은 내장 SWC 로더를 통한 Rust 네이티브 React Compiler 통합을 제공하며, Babel 기반 대비 7-13배 빠른 성능을 벤치마크에서 확인했습니다. 전체 프로덕션 빌드 성능은 2.0 대비 16%, HMR은 5% 향상됐습니다. ts-checker-rspack-plugin의 TypeScript 7(Go 기반 타입 체커) 지원으로 타입 체크 빌드 시간을 약 60% 단축할 수 있습니다. 새 기능으로는 Vite 및 Turbopack과 동일한 방식의 import.meta.glob, CSS Modules용 css/global 모듈 타입, ESM-to-CJS 상호 운용을 위한 createRequire 정적 분석, WebAssembly를 위한 source phase imports가 추가됐습니다. 출력 최적화로는 pureFunctions 트리 쉐이킹이 프로덕션 기본값으로 안정화됐고, 도달 불가능한 dynamic import 청크를 제거하는 브랜치 인식 의존성 정리, 비순환 모듈에서 getter 오버헤드를 없애는 export const 값 바인딩 최적화가 포함됩니다. 생태계에서는 Rsbuild를 통한 TanStack Start 지원, Rslib의 isolated declaration 빠른 타입 생성, --changed 테스트 필터링을 갖춘 Rstest 0.10, 400개 이상의 내장 규칙과 ESLint 플러그인 호환성을 갖춘 Rslint가 출시됐습니다.
Kevin Van Cott는 TanStack Table V9이 V8 대비 대용량 데이터셋에서 최대 90%의 메모리 절감을 달성하는 방법을 설명합니다. 벤치마크에서 100만 행 x 8열 기준 메모리 사용량이 2,710 MB에서 257 MB로 줄었습니다. V8의 메모리 팽창 원인은 행, 열, 셀, 헤더 객체 각각이 클로저를 포함한 화살표 함수 형태의 메서드 복사본을 가졌기 때문입니다. 수백만 개의 행은 곧 수백만 개의 중복 함수 객체와 클로저 스코프를 의미했습니다. 해결책은 단순합니다: Object.create()를 통해 객체 타입당 하나의 공유 프로토타입을 생성해 테이블 인스턴스에 캐시합니다. 이렇게 하면 모든 행이 동일한 메서드 객체를 공유하고 인스턴스별 클로저 스코프가 제거됩니다. TanStack Table의 동적 기능 조합 방식(일반 클래스 상속을 비실용적으로 만드는)은 그대로 유지됩니다. 유일한 브레이킹 체인지는 메서드가 이제 클로저 참조 대신 this 컨텍스트에 의존하므로 행 객체에서 메서드를 구조 분해할 수 없다는 점입니다. 브라우저 메모리 4GB 기준 처리 한계는 기존 약 100-150만 행에서 1,000-1,600만 행으로 늘었습니다.
Coding2GO의 Fabian이 주요 브라우저에서 기본 지원이 완료된 새로운 HTML 기능인 Invoker Commands API를 소개합니다. 이 API를 사용하면 버튼 요소가 두 개의 속성만으로 다이얼로그와 팝오버를 제어할 수 있습니다: commandfor(대상 요소의 ID를 지정)와 command(내장 동작을 지정). 6개의 내장 command로 dialog 요소의 show-modal, close, request-close와 팝오버의 toggle-popover, show-popover, hide-popover를 지원합니다. request-close 커맨드는 취소 가능한 close 이벤트를 발생시켜 미저장 변경 사항이 있을 때 JavaScript로 닫기를 막을 수 있습니다. 값 앞에 하이픈 두 개를 붙이면 커스텀 커맨드도 지원되며, 이 경우 대상 요소에 command 이벤트가 발생해 JavaScript로 처리할 수 있어 onclick 핸들러의 선언적 대안이 됩니다. 기존 popovertarget 속성과는 다르지만 상호 보완적입니다.
Astro 7은 프레임워크 역사상 가장 빠른 빌드 성능을 제공합니다. .astro 컴파일러를 Go에서 Rust로 완전히 재작성하고, Markdown과 MDX 처리는 pulldown-cmark와 oxc를 사용하는 Rust 기반 프로세서 Satteri로 전환했으며, 렌더링 엔진도 기존 재귀 방식 대비 약 2.4배 빠른 큐 기반 방식으로 교체했습니다. 번들링은 Rolldown을 탑재한 Vite 8로 업그레이드되어 esbuild와 Rollup을 단일 번들러로 통합합니다. 실제 프로젝트 기준 빌드 시간이 15-61% 단축됐으며, Cloudflare 8,431페이지 문서 사이트는 387초에서 262초로 줄었습니다. 플랫폼 독립적 API를 갖춘 Route Caching이 안정화됐고 Netlify, Vercel, Cloudflare용 CDN 캐시 프로바이더가 실험적으로 추가됐습니다. Hono 미들웨어와 호환되는 src/fetch.ts 기반의 Advanced Routing도 도입됐으며, AI 에이전트를 위한 백그라운드 dev 서버 모드와 구조화된 JSON 로깅도 지원됩니다.
Coding2GO의 Fabian이 주요 브라우저에서 기본 지원이 완료된 새로운 HTML 기능인 Invoker Commands API를 소개합니다. 이 API를 사용하면 버튼 요소가 두 개의 속성만으로 다이얼로그와 팝오버를 제어할 수 있습니다: commandfor(대상 요소의 ID를 지정)와 command(내장 동작을 지정). 6개의 내장 command로 dialog 요소의 show-modal, close, request-close와 팝오버의 toggle-popover, show-popover, hide-popover를 지원합니다. request-close 커맨드는 취소 가능한 close 이벤트를 발생시켜 미저장 변경 사항이 있을 때 JavaScript로 닫기를 막을 수 있습니다. 값 앞에 하이픈 두 개를 붙이면 커스텀 커맨드도 지원되며, 이 경우 대상 요소에 command 이벤트가 발생해 JavaScript로 처리할 수 있어 onclick 핸들러의 선언적 대안이 됩니다. 기존 popovertarget 속성과는 다르지만 상호 보완적입니다.
Deno 2.9의 핵심은 실험적 명령어 deno desktop으로, 웹 스택 프로젝트를 네이티브 데스크톱 바이너리로 컴파일합니다. webview 또는 번들 Chromium(CEF) 백엔드를 지원하며 --target 또는 --all-targets으로 별도 패키징 툴체인 없이 크로스 컴파일이 가능합니다. V8 스냅샷 최소화와 Node 글로벌 지연 로딩을 통해 콜드 스타트 시간을 34ms에서 17ms로 약 절반 수준으로 단축했고, 부하 시 메모리 사용량도 최대 197 MB에서 약 63 MB로 크게 줄었습니다. deno install은 이제 npm, pnpm, yarn, Bun 잠금 파일에서 직접 deno.lock을 생성해 패키지 매니저 마이그레이션을 두 개의 명령으로 처리합니다. 보안 측면에서는 min-release-age가 기본 24시간으로 활성화됐고, opt-in no-downgrade 신뢰 정책이 이전 릴리스보다 약한 배포 출처를 가진 패키지 버전을 거부합니다. 테스트 러너는 t.assertSnapshot(), --changed 옵션, Deno.test.each, --shard, 커버리지 임계값 등을 새로 지원합니다. Web Cryptography는 ML-KEM, ML-DSA, SLH-DSA(FIPS 203/204/205) 등 포스트 양자 알고리즘을 추가했습니다.
Next.js 16.3은 Instant Navigations를 도입합니다. cacheComponents: true와 partialPrefetching: true 설정 플래그 뒤에 있는 옵트인 기능으로, 서버 중심 앱에 SPA 수준의 반응성을 제공합니다. Suspense 스트리밍이나 'use cache' 지시어를 사용하는 라우트는 즉시 탐색되며, 서버 사이드 데이터를 블로킹해야 하는 라우트는 export const instant = false로 제외할 수 있습니다. 새로운 Partial Prefetching 모델은 링크별로 별도 요청을 보내는 대신 라우트당 하나의 재사용 가능한 로딩 셸만 프리페치합니다. DevTools의 Navigation Inspector를 통해 각 탐색을 셸 단계에서 일시 중지하고 프리페치된 콘텐츠를 검사할 수 있으며, @next/playwright의 instant() 테스트 헬퍼로 회귀를 방지할 수 있습니다. Link prefetch={true}와 'use cache'를 조합하면 링크별 심화 프리페치도 가능합니다.
Next.js 16.3은 AI 에이전트 통합을 여러 측면에서 강화합니다. next dev 명령은 이제 AGENTS.md에 버전에 맞는 문서 포인터를 자동으로 삽입해 Claude Code, Cursor, Codex 같은 에이전트가 오래된 학습 데이터 대신 로컬 번들 문서를 참조하도록 합니다. npx skills add vercel/next.js로 설치하는 세 가지 퍼스트파티 Skill이 추가됩니다: React DevTools 기반 브라우저 구동을 지원하는 next-dev-loop, 라우트별로 Cache Components를 점진적으로 적용하는 next-cache-components-adoption, before/after 스크린샷으로 정적 셸을 최적화하는 next-cache-components-optimizer. DevTools MCP 서버는 기존 지식 베이스를 제거하고 get_compilation_issues와 compile_route두 개의 컴파일 도구를 추가했습니다. 또한 nextjs.org/docs 페이지 URL에 .md를 붙이면 순수 Markdown을 받을 수 있고, 전체 문서는 /docs/llms-full.txt로 제공됩니다.
주간 다운로드 1,600만 회를 넘는 Vercel의 AI SDK 7은 텍스트 생성 SDK에서 완전한 에이전트 런타임 플랫폼으로 확장됩니다. generateText와 streamText에 표준화된 reasoning 옵션이 추가됐고, 다른 도구에 API 키가 유출되지 않도록 도구별 contextSchema가 도입됐습니다. 프로세스 재시작이나 지연된 휴먼 승인에도 실행을 유지하는 WorkflowAgent가 내구성 있는 에이전트 실행을 지원합니다. 도구 승인은 이제 위조 입력을 방지하는 HMAC 서명 검증을 지원합니다. 새로운 HarnessAgent 추상화는 Claude Code, Codex 등 기성 에이전트 하네스를 구성 가능한 샌드박스 내에서 단일 인터페이스로 실행합니다. 옵저버빌리티도 개선돼 텔레메트리가 시작 시 한 번 등록으로 모든 SDK 함수를 커버하고, 단계별 성능 통계(responseTimeMs, outputTokensPerSecond)와 Node.js diagnostics_channel 지원이 추가됩니다. 실험적 기능으로는 OpenAI, Google, xAI를 아우르는 프로바이더 독립적 실시간 WebSocket 세션과 fal, Google AI Studio, Google Vertex, Replicate를 통한 generateVideo가 포함됩니다. v6에서 마이그레이션은 npx @ai-sdk/codemod v7로 자동화됩니다.
Rspack 2.1은 내장 SWC 로더를 통한 Rust 네이티브 React Compiler 통합을 제공하며, Babel 기반 대비 7-13배 빠른 성능을 벤치마크에서 확인했습니다. 전체 프로덕션 빌드 성능은 2.0 대비 16%, HMR은 5% 향상됐습니다. ts-checker-rspack-plugin의 TypeScript 7(Go 기반 타입 체커) 지원으로 타입 체크 빌드 시간을 약 60% 단축할 수 있습니다. 새 기능으로는 Vite 및 Turbopack과 동일한 방식의 import.meta.glob, CSS Modules용 css/global 모듈 타입, ESM-to-CJS 상호 운용을 위한 createRequire 정적 분석, WebAssembly를 위한 source phase imports가 추가됐습니다. 출력 최적화로는 pureFunctions 트리 쉐이킹이 프로덕션 기본값으로 안정화됐고, 도달 불가능한 dynamic import 청크를 제거하는 브랜치 인식 의존성 정리, 비순환 모듈에서 getter 오버헤드를 없애는 export const 값 바인딩 최적화가 포함됩니다. 생태계에서는 Rsbuild를 통한 TanStack Start 지원, Rslib의 isolated declaration 빠른 타입 생성, --changed 테스트 필터링을 갖춘 Rstest 0.10, 400개 이상의 내장 규칙과 ESLint 플러그인 호환성을 갖춘 Rslint가 출시됐습니다.
Kevin Van Cott는 TanStack Table V9이 V8 대비 대용량 데이터셋에서 최대 90%의 메모리 절감을 달성하는 방법을 설명합니다. 벤치마크에서 100만 행 x 8열 기준 메모리 사용량이 2,710 MB에서 257 MB로 줄었습니다. V8의 메모리 팽창 원인은 행, 열, 셀, 헤더 객체 각각이 클로저를 포함한 화살표 함수 형태의 메서드 복사본을 가졌기 때문입니다. 수백만 개의 행은 곧 수백만 개의 중복 함수 객체와 클로저 스코프를 의미했습니다. 해결책은 단순합니다: Object.create()를 통해 객체 타입당 하나의 공유 프로토타입을 생성해 테이블 인스턴스에 캐시합니다. 이렇게 하면 모든 행이 동일한 메서드 객체를 공유하고 인스턴스별 클로저 스코프가 제거됩니다. TanStack Table의 동적 기능 조합 방식(일반 클래스 상속을 비실용적으로 만드는)은 그대로 유지됩니다. 유일한 브레이킹 체인지는 메서드가 이제 클로저 참조 대신 this 컨텍스트에 의존하므로 행 객체에서 메서드를 구조 분해할 수 없다는 점입니다. 브라우저 메모리 4GB 기준 처리 한계는 기존 약 100-150만 행에서 1,000-1,600만 행으로 늘었습니다.
26주차는 빌드 성능을 강하게 밀어붙이는 대형 프레임워크 릴리스들이 주목받았습니다. Astro 7은 .astro 컴파일러를 Go에서 Rust로 재작성하고, Markdown 파이프라인을 Rust 기반 Satteri 프로세서로 교체하며, 큐 기반 렌더링 엔진을 도입하는 3단계 Rust 마이그레이션을 완료했습니다. 번들링은 Rolldown이 탑재된 Vite 8로 업그레이드됐으며, 실제 빌드 성능이 15~61% 향상됐습니다. Cloudflare의 8,431페이지 문서 사이트는 387초에서 262초로 단축됐습니다. Rspack 2.1도 Rust를 기반으로 React Compiler를 네이티브 통합해 Babel 대비 7~13배 빠른 성능을 기록했고, TypeScript 7 지원으로 타입 체크 시간을 약 60% 절감했습니다.
애플리케이션 측면에서는 Next.js 16.3이 cacheComponents와 partialPrefetching 설정 플래그로 SPA 수준의 반응성을 제공하는 Instant Navigations를 출시했습니다. 퍼스트파티 AI 에이전트 Skill과 get_compilation_issues, compile_route 도구를 갖춘 DevTools MCP 서버도 함께 제공됩니다. Vercel의 AI SDK 7은 텍스트 생성 라이브러리에서 내구성 있는 실행을 위한 WorkflowAgent, HMAC 서명 기반 도구 승인, Claude Code와 Codex를 위한 HarnessAgent 추상화, 실험적 generateVideo 지원을 갖춘 완전한 에이전트 런타임 플랫폼으로 발전했습니다.
Deno 2.9는 웹 프로젝트를 네이티브 바이너리로 컴파일하는 실험적 deno desktop 명령어를 도입하고, 콜드 스타트 시간을 17ms로 절반 수준으로 단축했으며, ML-KEM, ML-DSA, SLH-DSA 등 포스트 양자 Web Cryptography 알고리즘을 추가했습니다. TanStack Table V9는 Object.create()를 통한 공유 프로토타입으로 인스턴스별 클로저 캡처 화살표 함수를 대체해 V8 대비 90%의 메모리 절감을 달성했고, Invoker Commands API는 주요 브라우저에서 기본 지원이 완료되어 commandfor와 command 속성만으로 dialog와 popover를 선언적으로 제어할 수 있게 됐습니다.
Key Takeaways
Astro 7과 Rspack 2.1은 모두 Rust에 집중 투자했습니다. Astro는 Rolldown으로 esbuild/Rollup을 통합하고, Rspack은 SWC 기반 React Compiler를 네이티브 통합해 실제 빌드 성능을 각각 15~61%, 16% 개선했습니다.
Next.js 16.3 Instant Navigations와 Vercel AI SDK 7 WorkflowAgent는 서버 프레임워크와 AI SDK 레이어가 수렴하는 방향을 보여줍니다. 라우트는 캐싱 시맨틱스를, 에이전트는 내구성 보장을 갖추게 됐습니다.
TanStack Table V9의 공유 프로토타입 리팩터는 근본적인 JS 메모리 패턴이 여전히 대규모에서 중요하다는 것을 증명했습니다. Object.create()로 클로저 캡처 메서드를 대체하여 100만 행 기준 메모리를 2,710 MB에서 257 MB로 줄였습니다.
