JSer.info #773 - pnpm 11.5 출시되었다.
새로운 기능으로, nodeLinker: hoisted 대상 hoist 범위 제한하는 hoistingLimits 설정이 추가되었다.
또한, 대화 프롬프트 개선과 Staged publishing 대응 개선이 포함된다.
수정으로, 얼라이어스 설치할 때 peer 문제 해결, pnpm dist-tag에서 2FA 대응, minimumReleaseAgeExclude 다루기, 리모트 HTTPS tarball 의존의 integrity 필드 보존이 포함된다.
Node.js v26.3.0 (Current) 출시되었다.
Buffer.poolSize 기본 값이 64 KiB으로 변경되었다.
새로운 기능으로, HTTP 헤더 값 검증을 커스터마이즈하는 httpValidation 옵션, 권한 파기하는 permission.drop이 추가된다.
또한, Staged Publishing를 지원하는 npm 11.16.0으로 업데이트 된다.
Cloudflare가 Vite나 Oxc 개발하는 VoidZero 매수를 발표했다.
Vite, Vitest, Rolldown, Oxc, Vite+ 각 프로젝트는 MIT 라이센스 오픈소스인 채로 개발 지속할 예정이다.
VoidZero가 개발하고 있는 Vite 배포 플랫폼 Void은, 오픈소스인로 공개될 예정.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release pnpm 11.5 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v11.5.0
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
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
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=en
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/
Cloudflare가 Vite나 Oxc 등을 개발하는 VoidZero 매수.
읽을거리
Declarative partial updates | Blog | Chrome for Developers
developer.chrome.com/blog/declarative-partial-updates
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
Pierre가 개발한 diff 렌더링 라이브러리 @pierre/diffs 구현 해설.
거대한 코드 차분을 브라우저에서 효율적으로 렌더링 하기 위해서, 가상화나 메모리 최적화 수법 작성.
sticky positioning을 반전하여 스크롤 중 공백 게시를 막는 방법, 행 범위 렌더링에서 이진 탐색, DOM 요소를 재이용함으로 GC를 피하도록 제작.
또한, Shiki에 의한 구문 하이라이트 Worker 쓰레드화와 LRU 캐시에 대해서도 다뤄짐.
슬라이드, 영상
TSKaigi 2026 발표 자료 모음
zenn.dev/yasse/articles/a7240304af804c
TSKaigi 2026 스라이드 자료 모음.
Oxlint 커스텀 규칙 현황 - Speaker Deck
speakerdeck.com/syumai/oxlint-custom-rule
Oxlint 커스텀 규칙에 대한 슬라이드.
Rust로 만든 Linter인 Oxlint에서, ESLint 호환 커스텀 규칙을 추가 가능한 JS Plugin（알파판）기능과 성능에 대해 소개.
기존의 ESLint 플러그인 동작이나 tsgolint, corsa-bind에 대해서도 다룸
웹사이트, 서비스, 문서
SoraKumo001/satoru
WebAssembly에서 동작하는 HTML를 SVG/PNG/WebP/PDF으로 변환하는 렌더링 엔진.
렌더링에 Skia, 레이아웃에 litehtml 이용, CSS를 포함한 HTML을 이미지로 변환.
TTF/OTF/WOFF2 포맷이나 Google Fonts 해결, PNG/JPEG/WebP/AVIF 이미지를 지원.
Node.js/브라우저/Cloudflare Workers에서 실행 가능.
소프트웨어, 도구, 라이브러리
microsoft/Webwright: A simple SWE style browser agent framework that achieves SOTA results on long horizon web tasks.
github.com/microsoft/Webwright
Microsoft에서 만든 브라우저 에이전트 프레임워크.
에이전트가 개별 브라우저 조작을 예측하는 것이 아닌 Playwright를 사용해 Python 코드 생성하고 실행.
반복적인 에이전트 규칙과 디렉토리를 workspace으로 다뤄 매번 사용하고 버리면서 세션을 진행하는 방식
pionxzh/wakaru: 🔪📦 Javascript decompiler for modern frontend
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.
Document Picture-in-Picture API를 다루는 React 컴포넌트 라이브러리.
리사이즈나 스타일 동기에 대응.
도서
기본부터 탄탄히 배우는 프론트엔드 테스트 입문 | 기술평론사
gihyo.jp/book/2026/978-4-297-15704-3
2026년 6월 26일 발매.
프론트엔드 테스트에 대한 도서
