Translate/20260609 (#1382)

* translate: 2026-06-09 article

* chore: rename file

Author: rewrite0w0

…pm11.5-node.js26.3.0-cloudflare-void0.md …pm11.5-node.js26.3.0-cloudflare-void0.md_i18n/ja/_posts/2026/2026-06-07-pnpm11.5-node.js26.3.0-cloudflare-void0.md renamed to _i18n/ja/_posts/2026/2026-06-09-pnpm11.5-node.js26.3.0-cloudflare-void0.md _i18n/ja/_posts/2026/2026-06-07-pnpm11.5-node.js26.3.0-cloudflare-void0.md renamed to _i18n/ja/_posts/2026/2026-06-09-pnpm11.5-node.js26.3.0-cloudflare-void0.md

@@ -0,0 +1,224 @@
+---
+title: "2026-06-09: pnpm 11.5, Node.js 26.3.0, Cloudflare가 VoidZero 매수"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date : 2026-06-09T03:06:21.608Z
+category: JSer
+tags:
+- pnpm
+- nodejs
+- cloudflare
+- vite
+- news
+
+---
+
+JSer.info #773 - pnpm 11.5 출시되었다.
+
+- [Release pnpm 11.5 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v11.5.0)
+
+새로운 기능으로, `nodeLinker: hoisted` 대상 hoist 범위 제한하는 `hoistingLimits` 설정이 추가되었다.
+또한, 대화 프롬프트 개선과 Staged publishing 대응 개선이 포함된다.
+수정으로, 얼라이어스 설치할 때 peer 문제 해결, `pnpm dist-tag`에서 2FA 대응, `minimumReleaseAgeExclude` 다루기, 리모트 HTTPS tarball 의존의 `integrity` 필드 보존이 포함된다.
+
+---
+
+Node.js v26.3.0 (Current) 출시되었다.
+
+- [Node.js — Node.js 26.3.0 (Current)](https://nodejs.org/en/blog/release/v26.3.0)
+
+`Buffer.poolSize` 기본 값이 64 KiB으로 변경되었다.
+새로운 기능으로, HTTP 헤더 값 검증을 커스터마이즈하는 `httpValidation` 옵션, 권한 파기하는 `permission.drop`이 추가된다.
+또한, Staged Publishing를 지원하는 npm 11.16.0으로 업데이트 된다.
+
+---
+
+Cloudflare가 Vite나 Oxc 개발하는 VoidZero 매수를 발표했다.
+
+- [VoidZero is joining Cloudflare](https://blog.cloudflare.com/voidzero-joins-cloudflare/)
+- [VoidZero is Joining Cloudflare | VoidZero](https://voidzero.dev/posts/voidzero-cloudflare)
+
+Vite, Vitest, Rolldown, Oxc, Vite+ 각 프로젝트는 MIT 라이센스 오픈소스인 채로 개발 지속할 예정이다.
+VoidZero가 개발하고 있는 Vite 배포 플랫폼 [Void](https://void.cloud/)은, 오픈소스인로 공개될 예정.
+
+----
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Release pnpm 11.5 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v11.5.0](https://github.com/pnpm/pnpm/releases/tag/v11.5.0 "Release pnpm 11.5 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm 11.5 출시.
+`nodeLinker: hoisted` 대상으로 hoist 범위 제한하는 `hoistingLimits` 설정 추가.
+대화 프롬프트 개선, Staged publishing 대응 개선.
+얼라이어스 설치할 때 peer 문제 해결, `pnpm dist-tag` 2FA 대응 수정.
+`minimumReleaseAgeExclude` 다룸, 리모트 HTTPS tarball 의존의 `integrity` 필드 보존 수정.
+
+
+----
+
+## Node.js — Node.js 26.3.0 (Current)
+[nodejs.org/en/blog/release/v26.3.0](https://nodejs.org/en/blog/release/v26.3.0 "Node.js — Node.js 26.3.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v26.3.0 (Current) 출시.
+`Buffer.poolSize` 기본 64 KiB으로 변경.
+HTTP 헤더 값을 검증하는 커스터마이즈하는 `httpValidation` 옵션, 권한을 파기하는 `permission.drop` 추가.
+Staged Publishing 지원하는 npm 11.16.0으로 업데이트
+
+
+----
+
+## Node.js — Node.js 24.16.0 (LTS)
+[nodejs.org/en/blog/release/v24.16.0](https://nodejs.org/en/blog/release/v24.16.0 "Node.js — Node.js 24.16.0 (LTS)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v24.16.0 (LTS) 출시.
+`crypto.randomUUIDv7()`으로 UUID v7 생성, `fs.stat()`으로 `signal` 옵션, `util.styleText()`의 16진수 컬러 대응 추가.
+Test Runner에 테스트 실행 순서 랜덤화 맟 `AbortSignal.timeout` 대상 목 타이머 추가, `IncomingMessage`에 `req.signal` 추가
+
+
+----
+
+## Chrome 150 beta  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/chrome-150-beta?hl&#x3D;en](https://developer.chrome.com/blog/chrome-150-beta?hl=en "Chrome 150 beta  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">browser</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">css</span></p>
+
+Chrome 150 beta 출시.
+CSS의 `text-fit` 프로퍼티, `background-clip: border-area`에 의한 그라데이션 보더, `polygon()` 둥근 모서리 지원, `focusgroup` 속성 지원.
+IndexedDB 구현이 LevelDB에서 SQLite으로 변경, `data:` URL의 Worker에 고유한 opaque origin 할당하도록 변경.
+`SpeechRecognition`에 `quality` 옵션 추가
+
+
+----
+
+## VoidZero is joining Cloudflare
+[blog.cloudflare.com/voidzero-joins-cloudflare/](https://blog.cloudflare.com/voidzero-joins-cloudflare/ "VoidZero is joining Cloudflare")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">cloudflare</span> <span class="jser-tag">vite</span> <span class="jser-tag">news</span></p>
+
+Cloudflare가 Vite나 Oxc 등을 개발하는 VoidZero 매수.
+
+- [VoidZero is Joining Cloudflare | VoidZero](https://voidzero.dev/posts/voidzero-cloudflare "VoidZero is Joining Cloudflare | VoidZero")
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## Declarative partial updates  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/declarative-partial-updates](https://developer.chrome.com/blog/declarative-partial-updates "Declarative partial updates  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">HTML</span> <span class="jser-tag">WebAPI</span> <span class="jser-tag">DOM</span> <span class="jser-tag">stream</span> <span class="jser-tag">article</span></p>
+
+HTMLを宣言的に部分更新するためのAPIとして提案中の`<template for>`について.
+`<template>`要素と`<?marker>`などの処理命令プレースホルダーを使い, ドキュメント内の順序に依存せずコンテンツを配信するOut-of-order streamingについて.
+合わせて利用する`setHTML()`/`replaceWithHTML()`/`streamHTML()`などのJavaScript APIについても解説している.
+Chrome 148以降のフラグで利用でき, polyfillも実装されている.
+
+
+----
+
+## On Rendering Diffs :: Pierre Computer Company
+[pierre.computer/writing/on-rendering-diffs](https://pierre.computer/writing/on-rendering-diffs "On Rendering Diffs :: Pierre Computer Company")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">performance</span> <span class="jser-tag">diff</span> <span class="jser-tag">library</span> <span class="jser-tag">article</span></p>
+
+Pierre가 개발한 diff 렌더링 라이브러리 `@pierre/diffs` 구현 해설.
+거대한 코드 차분을 브라우저에서 효율적으로 렌더링 하기 위해서, 가상화나 메모리 최적화 수법 작성.
+sticky positioning을 반전하여 스크롤 중 공백 게시를 막는 방법, 행 범위 렌더링에서 이진 탐색, DOM 요소를 재이용함으로 GC를 피하도록 제작.
+또한, Shiki에 의한 구문 하이라이트 Worker 쓰레드화와 LRU 캐시에 대해서도 다뤄짐.
+
+
+----
+<h1 class="site-genre">슬라이드, 영상</h1>
+
+----
+
+## TSKaigi 2026 발표 자료 모음
+[zenn.dev/yasse/articles/a7240304af804c](https://zenn.dev/yasse/articles/a7240304af804c "TSKaigi 2026 발표 자료 모음")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">Conference</span> <span class="jser-tag">slide</span></p>
+
+TSKaigi 2026 스라이드 자료 모음.
+
+- [TSKaigi 2026](https://2026.tskaigi.org/ "TSKaigi 2026")
+
+----
+
+## Oxlint 커스텀 규칙 현황 - Speaker Deck
+[speakerdeck.com/syumai/oxlint-custom-rule](https://speakerdeck.com/syumai/oxlint-custom-rule "Oxlint 커스텀 규칙 현황 - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">Rust</span> <span class="jser-tag">slide</span> <span class="jser-tag">JavaScript</span></p>
+
+Oxlint 커스텀 규칙에 대한 슬라이드.
+Rust로 만든 Linter인 Oxlint에서, ESLint 호환 커스텀 규칙을 추가 가능한 JS Plugin（알파판）기능과 성능에 대해 소개.
+기존의 ESLint 플러그인 동작이나 tsgolint, corsa-bind에 대해서도 다룸
+
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## SoraKumo001/satoru
+[github.com/SoraKumo001/satoru](https://github.com/SoraKumo001/satoru "SoraKumo001/satoru")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">HTML</span> <span class="jser-tag">css</span> <span class="jser-tag">SVG</span> <span class="jser-tag">PDF</span> <span class="jser-tag">Image</span> <span class="jser-tag">library</span></p>
+
+WebAssembly에서 동작하는 HTML를 SVG/PNG/WebP/PDF으로 변환하는 렌더링 엔진.
+렌더링에 Skia, 레이아웃에 litehtml 이용, CSS를 포함한 HTML을 이미지로 변환.
+TTF/OTF/WOFF2 포맷이나 Google Fonts 해결, PNG/JPEG/WebP/AVIF 이미지를 지원.
+Node.js/브라우저/Cloudflare Workers에서 실행 가능.
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## microsoft/Webwright: A simple SWE style browser agent framework that achieves SOTA results on long horizon web tasks.
+[github.com/microsoft/Webwright](https://github.com/microsoft/Webwright "microsoft/Webwright: A simple SWE style browser agent framework that achieves SOTA results on long horizon web tasks.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">AI</span> <span class="jser-tag">browser</span> <span class="jser-tag">automation</span> <span class="jser-tag">playwright</span> <span class="jser-tag">library</span></p>
+
+Microsoft에서 만든 브라우저 에이전트 프레임워크.
+에이전트가 개별 브라우저 조작을 예측하는 것이 아닌 Playwright를 사용해 Python 코드 생성하고 실행.
+반복적인 에이전트 규칙과 디렉토리를 workspace으로 다뤄 매번 사용하고 버리면서 세션을 진행하는 방식
+
+
+----
+
+## pionxzh/wakaru: 🔪📦 Javascript decompiler for modern frontend
+[github.com/pionxzh/wakaru](https://github.com/pionxzh/wakaru "pionxzh/wakaru: 🔪📦 Javascript decompiler for modern frontend")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">webpack</span> <span class="jser-tag">bundler</span> <span class="jser-tag">esbuild</span></p>
+
+minify이나 bundle된 JavaScript를 읽기 쉬운 코드로 복원하는 컴파일러.
+webpack/esbuild/Bun/Browserify 같은 bundle을 모듈 단위로 분해하는 unpacker 제공.
+Terser/Babel/SWC 트랜스파일/압축된 코드를 복원하는 unminify나, 소스맵을 지원.
+
+
+----
+
+## Shakya47/pip-it-up: Pop any UI component into a floating Picture-in-Picture window. Zero config. Auto-sizing. Framework-agnostic core.
+[github.com/Shakya47/pip-it-up](https://github.com/Shakya47/pip-it-up "Shakya47/pip-it-up: Pop any UI component into a floating Picture-in-Picture window. Zero config. Auto-sizing. Framework-agnostic core.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span></p>
+
+Document Picture-in-Picture API를 다루는 React 컴포넌트 라이브러리.
+리사이즈나 스타일 동기에 대응.
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## 기본부터 탄탄히 배우는 프론트엔드 테스트 입문 | 기술평론사
+[gihyo.jp/book/2026/978-4-297-15704-3](https://gihyo.jp/book/2026/978-4-297-15704-3 "기본부터 탄탄히 배우는 프론트엔드 테스트 입문 | 기술평론사")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">test</span> <span class="jser-tag">book</span></p>
+
+2026년 6월 26일 발매.
+프론트엔드 테스트에 대한 도서
+
+
+----