JSer.info #767 - Vite 8.0가 출시되었다.
esbuild + Rollup 이중 핸들러 구성이 Rust 기반으로 통합 핸들러 Rolldown으로 바뀌었다. lightningcss가 peerDependency에서 직접 의조 관계로 변경, 빌트인 Devtools, TypeScript의 경로 얼라이어스 해결 (resolve.tsconfigPaths) 지원이 추가되었다. WebAssembly의 SSR 지원, 브라우저 콘솔 로그를 dev 서버 터미널에 전송하는 server.forwardConsole 추가도 포함된다. 같은 타이밍에 Vitest 4.1도 출시, Vite 8 지원, Test Tags 기능 추가, aroundEach/aroundAll 훅 추가도 있다.
TC39 2026년 3월 미팅 결과로, Temporal이 Stage 4가 되어 ES2026에 포함되도록 결정되었다.
Import Text가 Stage 3으로, Error Stack Accessor가 Stage 2.7으로, Curtailing the Power of Thenables가 Stage 2가 되었다.
Next.js 16.2가 출시되었다.
next dev 속도 개선, Server Components 페이로드 디시리얼라이즈 개선에 의한 렌더링 고속화가 있다.next/link에 transitionTypes 추가, 브라우저 콘솔을 터미널로 전송한 기능이 기본적으로 유효화, Hydration 에러 디버그 게시 개선, Adapters API가 Stable으로 변경됨. 또한, create-next-app가 기본적으로 AGENTS.md을 생성됨.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Vite 8.0 is out! | Vite (main branch)
main.vite.dev/blog/announcing-vite8
Vite 8.0 출시.
esbuild + Rollup 이중핸들러 구성을 Rust 기반으로 통합한 핸들러 Rolldown로 변경.
lightningcss가 peerDependency에서 직접 의존 관계 변경.
빌트인 Devtools, TypeScript 경로 얼라이어스 해결 (resolve.tsconfigPaths) 지원.
WebAssembly의 SSR 지원, 브라우저 콘솔 로그를 dev 서버 터미널로 전송하는 server.forwardConsole 추가.
Vitest 4.1 is out! | Vitest
vitest.dev/blog/vitest-4-1.html
Vitest 4.1 출시.
Vite 8 지원, 테스트케이스에 태그를 붙어 필터링할 수 있는 Test Tags 기능 추가.
test.extend에서 자료형 추론 개선, aroundEach/aroundAll 훅 추가.
vi.defineHelper()으로 스택트레이스에서 헬퍼 함수 내부를 제외할 수 있음.
--detect-async-leaks 플래그에 비동기 리소스 leek 검출 지원.
mockThrow()/mockThrowOnce() 추가, Chai 형식 mock assertion 지원.
GitHub Actions 레포터가 job summary를 자동 생성 가능, AI 에이전트 대상 Agent 레포터 추가
Announcing Vite+ Alpha | VoidZero
voidzero.dev/posts/announcing-vite-plus-alpha
Vite+ Alpha 출시.
Vite, Vitest, Rolldown, Oxlint, Oxfmt 등을 통합한 CLI 도구.
vp dev/vp build/vp test/vp check 명령어로, 개발 서버, 빌드, 테스트, Lint, 포맷을 하나의 도구로 실행 가능.
vp env에서의 Node.js 버전 관리, vp run에서의 monorepo 태스크 실행과 캐시 기능 제공.
당초는 상용으로 검토되었지만, MIT 라이센스로 오픈소스 공개됨.
Nuxt 4.4 · Nuxt Blog
Nuxt v4.4 출시.
Vue Router v5으로 업그레이드, createUseFetch/createUseAsyncData 추가.
레이아웃에 자료형 붙인 Props를 넘길수 있음, useAnnouncer composable과 <NuxtAnnouncer> 컴포너트에 의한 접근성 개선.
라우트 생성에 trie 데이터 구조 기반 unrouting 라이브러리 채용해서 퍼포먼스 개선.
useCookie의 refresh 옵션 추가, nuxt build --profile에서의 빌드 프로파일링 지원.
ECMAScript proposal updates @ 2026-03 | ECMAScript Daily
ecmascript-daily.github.io/ecmascript/2026/03/16/ecmascript-proposal-update
TC39 113th meeting에서 ECMAScript Proposal 스테이지 변경 모음.
Temporal가 Stage 4가 되어 ES2026에 포함됨.
Import Text가 Stage 3, Error Stack Accessor가 Stage 2.7.
Curtailing the Power of Thenables가 Stage 2.
Nova 1.0 · Nova
Nova 1.0 출시.
Rust로 작성된 경량 임베디드 대상 데이터 지향 아키텍처 JavaScript 엔진.
ECMAScript 사양 완전한 지원은 아직 과제가 있음, RegExp의 Unicode 지원이나 Promise 서브클라스화에는 제한이 있다.
시멘틱 버저닝을 채용해서 업데이트를 할 예정.
Electron 41.0 | Electron
www.electronjs.org/blog/electron-41-0
Electron 41.0 출시.
Chromium 146, Node.js v24.14.0, V8 14.6으로 업그레이드.
PDF 렌더링이 out-of-process iframe 사용해 동일 WebContents 내에 렌더링으로 변경.
Cookie의 changed 이벤트에 inserted 변경 이유 추가.
ASAR 정합성 체크에서 다이제스트 지원, Wayland에서 프레임레스의 드롭 쉐도우와 리사이즈 경계 개선.
MSIX auto updater 호환성을 추가, macOS 대상 --disable-geolocation 플래그 추가.
WebSocket 인증을 login 이벤트로 처리 가능, webPreferences.focusOnNavigation 옵션 추가.
Bun v1.3.11 | Bun Blog
Bun v1.3.11 출시.
OS의 스케쥴러를 사용해 cron 잡 등록하는 Bun.cron API 추가, ANSI 에스케이프 코드를 고려한 문자열 슬라이스 Bun.sliceAnsi 추가.
bun test에 --path-ignore-patterns 플래그 추가
Release pnpm 11 Beta 0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v11.0.0-beta.0
pnpm v11.0.0-beta.0 출시.
Pure ESM로 패키지 마이그레이션, Node.js 18-21 지원 종료.
package.json의 pnpm 필드 설정을 pnpm-workspace.yaml으로 마이그레이션, pnpm server 명령어 삭제, pnpm link 명령어 변경 등 많은 파괴적 변경이 있음.
패키지 메타데이터 저장에 SQLite 사용하도록 변경, 스토어 버전 업데이트.
pnpm clean 명령어로 node_modules 삭제, pnpm audit --fix=update로 lockfile 업데이트에 의한 취약정 수정 대응.
config.yaml 지원, Pnpmfile로 ESM 포맷(.pnpmfile.mjs) 지원.
Next.js 16.2 | Next.js
Next.js 16.2 출시.
next dev 속도 개선, Server Components 페이로드 디시리얼라이즈 개선에 의한 렌더링 고속화.
next/link으로 transitionTypes 추가, Server Function 실행 로그를 터미널 게시하는 기능 추가, 브라우저 로그를 터미널에 게시하는 기능을 기본적 유효.
Hydration 에러 디버그 게시 개선, next start에서 --inspect 플래그 지원.
Adapters API가 Stable로 변경.
create-next-app 기본적으로 AGENTS.md 생성하도록 변경, node_modules/next/dist/docs/에 문서를 번들링하도록 변경
읽을거리
TC39 Advances Temporal to Stage 4 Alongside Several ECMAScri...
socket.dev/blog/tc39-advances-temporal-to-stage-4?utm_medium=feed
TC39 2026년 3월 미팅 결과.
Temporal가 Stage 4가 되어 ES2026에 포함됨.
External import maps, today! • Lea Verou
lea.verou.me/blog/2026/external-import-maps-today/
External Import Maps를 빌드도구 없이 이용하는 방법에 대하여.
<script type="importmap">를 DOM에서 동적으로 주입해서, 외부 파일 Import Map를 관리. document.currentScript.after() 사용해<script type="importmap"> 요소를 주입.
Chrome 89+/Safari 16.4+/Firefox 108+으로 동작.
Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer
wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox
WebAssembly의 Sandbox에서 Node.js 호환 어플리케이션 실행 가능한 Runtime.
Node.js v24 호환으로, Next.js나 Astro 프레임워크 동작시킬 수 있음.
OS 시스템 콜과 네이티브 코드만을 WASIX 경유로 샌드박스화하고, JavaScript 엔진 자체는 네이티브 실행하는 아키텍처임.
V8, JavaScriptCore, QuickJS 복수의 JS 엔진에 대응.
웹사이트, 서비스, 문서
unjs/impound: Builder-agnostic plugin to allow restricting import patterns in certain parts of your code-base.
github.com/unjs/impound?tab=readme-ov-file
특정 디렉토리에서 import를 금지하는 패턴을 정의하는 unplugin 플러그인.
정규표현, 문자열, 함수에 의한 패턴 매칭에서 import 제한 규칙 정의함.
trace 옵션을 유효하면, 규칙에서 금지된 결과를 볼 수 있음
BrowserPod — Sandboxed Dev Environments in any Browser
브라우저 내에서 Node.js 코드를 샌드박스 실행 가능한 플랫폼.
WebAssembly 기반 런타임 엣지 사용, WebWorker로 멀티프로세스 실행, 가상 파일 시스템, 제어된 네트워크 접근 기능 갖고 있음.
소프트웨어, 도구, 라이브러리
sam247/openredaction: Open Source PII detection and redaction for JavaScript/Typescript. Achieve enterprise compliance and unparalleled, lightning fast performance, all 100% local.
github.com/sam247/openredaction
JavaScript/TypeScript 대상 PII(개인식별정보) 검출과 마스킹하는 라이브러리.
정규표현을 사용해, 메일 주소, 전화번호, 카드 번호, 정부 발행 ID50여개국 이상 PII 패턴 지원.
