Nuxt 4.5 릴리스 — Nuxt Blog — 2026년 29주 자바스크립트

Node.js 20의 업스트림 서비스 종료일인 2026년 4월 30일에 이어, Vercel은 2026년 10월 1일에 프로젝트 설정에서 Node.js 20을 비활성화하며, Node 20으로 고정된 서버리스 함수의 새로운 배포는 오류가 발생합니다. 단, 이미 배포된 함수는 계속 작동합니다. vercel@latest를 설치한 후 vercel project ls --update-required를 실행하면 영향을 받는 프로젝트를 즉시 확인할 수 있습니다. 권장 업그레이드 방법은 package.json의 engines 필드에 "node": "24.x"를 설정하는 것으로, 다음 배포 시 프로젝트 설정을 재정의합니다. 기간 내 마이그레이션이 어려운 팀은 프로젝트 루트에 Dockerfile.vercel을 추가해 컨테이너화할 수 있지만, 이후 Node 보안 패치는 직접 관리해야 합니다.

2026년 7월 16일에 출시된 Astro 7.1은 정적 사이트 프레임워크에 네 가지 집중적인 개선 사항을 추가하였습니다. CSP는 script-src-elem을 script-src와 분리하고 style-src-attr을 style-src와 분리하는 새로운 내장 디렉티브를 지원하여, 외부 CSS 규칙을 완화하지 않고도 안전하지 않은 인라인 스타일을 허용할 수 있습니다. paginate() 헬퍼는 생성된 next/prev URL이 실제 배포 레이아웃에 맞도록 format 함수 파라미터를 지원합니다. astro dev에 추가된 --ignore-lock 플래그는 Astro 7에서 도입된 에이전트 잠금 파일 검사를 우회하여 여러 개의 의도적인 개발 서버 인스턴스를 실행할 수 있게 합니다. 대규모 콘텐츠 컬렉션의 경우, glob()의 새로운 deferRender: true 옵션이 동기화 시 적극적인 HTML 캐싱을 건너뛰며, 실험적 collectionStorage: "chunked" 플래그는 .astro/data-store.json을 10MB 청크로 분할합니다.

ESLint와 Codemod(OpenJS Foundation 파트너, 엔진 JSSG는 React·Node.js·Nuxt.js·pnpm 마이그레이션을 지원)가 파트너십을 맺고 v8→v9 및 v9→v10 마이그레이션을 자동화하였으며, 모든 코드모드는 eslint/codemods 저장소에서 관리되고 GitHub Actions를 통해 Codemod Registry에 자동 게시됩니다. v8-to-v9의 경우, npx codemod @eslint/v8-to-v9-config는 package.json에서 eslintConfig를 추출하고 플랫 eslint.config.mjs를 생성하며, no-unused-vars·camelcase 등 6개 이상의 규칙 옵션 변경을 처리합니다. 동반 코드모드인 @eslint/v8-to-v9-custom-rules는 context.getSource()를 sourceCode.getText()로 변환하고 함수 스타일 규칙을 meta와 create가 있는 객체 형식으로 변환합니다. v9-to-v10 레시피(npx codemod @eslint/v9-to-v10)는 설정·커스텀 규칙·RuleTester·Linter/ESLint API를 처리하는 4개의 개별 코드모드를 포함합니다. 동적 require()나 --ext CLI 사용과 같은 복잡한 로직은 실행 후 수동 검토가 필요합니다.

Preact 기여자 Jovi De Croock은 Preact가 이미 재개 하이드레이션을 지원한다고 설명합니다. 서버의 renderToStringAsync와 클라이언트의 일시 정지-재개 방식을 통해 Suspense 경계가 독립적으로 하이드레이션됩니다. 그러나 기존 알고리즘은 일시 중단된 서브트리당 단 하나의 DOM 노드만 추적하여, 컴포넌트가 null을 반환하거나 여러 루트를 가진 Fragment를 반환할 때 불일치가 발생하였습니다. Preact 11의 일부로 출시될 Hydration 2.0은 renderToStringAsync가 내보내는 명시적인 시작/종료 마커로 이 가정을 교체하여, Preact가 재개 전에 일시 중단된 경계의 전체 DOM 범위를 파악할 수 있게 합니다. 아직 미해결 문제로 useId() 안정성이 남아 있습니다. 비동기 Suspense 형제 간의 id 드리프트를 수정하는 PR #5108은 클라이언트 전용 브랜치가 트리 위치를 이동시켜 동일한 id 충돌 버그를 재도입함으로써 #5135에서 되돌려졌습니다. 서버가 일시 중단 자식을 만나는 즉시 셸과 폴백을 플러시하는 스트리밍 SSR도 Preact 11에서 개발 중입니다.

저자 Riccardo Perra는 TanStack Table V9이 Proxy를 통해 get* 메서드를 computed()로 래핑하던 Angular 어댑터 기반의 프록시 방식에서, 노티파이어 브리지와 클래스 기반 Store/Derived API를 거쳐, 페이지네이션·행 선택·열 크기 조정·필터 등의 기능별 아톰이 @tanstack/store 0.9의 시그널 기반 createStore/createAtom API로 구축된 반응성 그래프에 존재하는 현재 아키텍처로 진화한 과정을 추적합니다. PR #6181은 options를 optionsStore로 이동시켜 enableRowSelection 같은 라이브 입력이 상태 읽기와 동일한 의존성 그래프에 참여하게 하였으며, PR #6234는 단일 상태 스냅샷을 기능별 아톰으로 분리하고, PR #6237은 TableReactivityBindings 인터페이스(createWritableAtom, createReadonlyAtom, batch, schedule, untrack)를 통해 아톰을 프레임워크 교환 가능하게 만들었습니다. Angular, Solid, Vue는 네이티브 시그널을 제공하며, React는 선택적 세분화 렌더링을 위해 Subscribe 컴포넌트와 useSelector를 갖춘 @tanstack/react-store를 사용합니다. V9은 새로운 Preact, Alpine, Ember 어댑터를 포함해 총 9개의 프레임워크 어댑터를 출시합니다.