JSer.info

2026-11-09: TypeScript 7.1 Beta, Node.js 26 LTS/27 Alpha, Safari 27.1

Mon, 09 Nov 2026 09:33:58 +0900

JSer.info #782 - TypeScript 7.1 Beta가 출시했다.

Announcing TypeScript 7.1 Beta - TypeScript

Ambient Modules에서 Import Attributes, import source/import.source()에 대응했다.
--target es2026/--lib es2026가 추가되어, Promise.allKeyed 자료형 정의도 추가된다.
또한, typescript/sync/typescript/async 새로운 API, 임베드를 다루는 Content Mappers가 추가된다.

Node.js 26.13.0가 출시되어, Node.js 26 계열이 코드네임 Lithium이며 LTS으로 이행됐다.

Node.js — Node.js 26.13.0 (LTS)

Node.js 26 계열은 2029년 4월말까지 지원.
Node.js 25 이후 Linux 공식 바이너리는 libatomic로 링크되어, 오래된 LTS에서 업데이트시에는 별도 설치 필요한 경우가 있다.

또한, Node.js 27 Alpha가 출시됐다.

Node.js — Node.js 27.0.0-alpha.0.0.0 (Alpha)

Node.js 27부터는, 출시 스케쥴가 변경된다.
메이저 출시는 연 2회에서 연1회가 되며, 홀수 짝수 구별없이 각 메이저 버전이 LTS로 이행된다.
6개월은 Alpha, 6개월은 Current를 거쳐, 30개월 LTS으로 지원된다.
Node.js 27는, 2027년 4월에 Current, 동년 10월에 LTS로 이행될 예정.

V8 15.6으로 업데이트 되어, Math.sumPrecise()/Iterator.zip()에 대응한다.
파괴적 변경으로, 힙 상한 기존 값 변경이 있다.
Buffer/ArrayBuffer 메모리와 힙 상한이 도입된다.
v8.serialize() 출력 형식이 변경되어, 구버전에서는 읽을 수 없다.
그 외로는, node:vfs 플래그가 필요없어져, 환경변수 접근제어하는 --allow-env, 실험적 net/promises API가 추가된다.

Safari 27.1가 출시됐다.

WebKit Features for Safari 27.1 | WebKit

iPhone Duo 대상으로 Device Posture API와 Viewport Segments API를, 기능 플래그 조건으로 실험적인 지원한다.
device-posture 미디어 쿼리나 navigator.devicePosture으로 접힌 상태를 얻는다.
또한, window.viewport.segments이나 CSS 환경 변수에서 화면 분할 영역을 얻는다.

헤드라인

Announcing TypeScript 7.1 Beta - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-7-1-beta/

TypeScript ReleaseNote

TypeScript 7.1 Beta 출시.
Ambient Modules로 Import Attributes를 지원, import source/import.source()에 대응.
--target es2026/--lib es2026 추가, Promise.allKeyed 자료형 정의 추가.
typescript/sync/typescript/async 새로운 API, 임베디드된 코드를 다루는 Content Mappers 추가

Nuxt 4.6 · Nuxt Blog

nuxt.com/blog/v4-6

Vue ReleaseNote

Nuxt v4.6.0 출시.
동봉된 Nuxt CLI v4으로 nuxt init 삭제, npm create nuxt@latest으로 통일.
서버 처리 공통 API가 되는 nuxt/server, runtimeConfig.appSecret과 세션 관리 API 추가.
experimental.routeTypedFetch으로 $fetch/useFetch 자료형 추론을 갱신하며, 자료형 체크 성능을 개선.
Vue Vapor와 상호운용, createUseFetch/createUseAsyncData의 addons, 실험적인 @nuxt/vite-server 추가.
my-bad에 의한 개발 시의 에러 표시, nuxt dev 대화 판넬, nuxt curl/nuxt task 명령어 추가

Node.js — 2026년 10월 21일（화） 보안 출시

nodejs.org/en/blog/vulnerability/october-2026-security-releases

nodejs security ReleaseNote

Node.js 22.23.4/24.22.1/26.12.1 보안 출시.
중요도 High 포함한 10건 취약성 수정.
dns.resolve에서의 NUL 문자에 의한 이름 이름 단축, TLS 증명서 호스트명 검증 회피, Brotli 디코더 영역 외 작성을 수정.
crypto.randomUUID()와 crypto.randomInt() 난수캐시가 스냅숏으로 보존되는 문제 수정.
fs.realpathSync에 의한 Permission Model 회피 수정.
또한, c-ares/Undici/OpenSSL/SQLite 의존 관계 갱신.

WebKit Features for Safari 27.1 | WebKit

webkit.org/blog/18486/webkit-features-for-safari-27-1/

safari browser css WebAPI ReleaseNote

Safari 27.1 출시.
iPhone Duo 대상 Device Posture API와 Viewport Segments API를 기능 플래그 조건으로 실험적 지원.
device-posture 미디어쿼리나 navigator.devicePosture에서 접힘 상태 얻음.
window.viewport.segments이나 CSS 환경 변수로 화면 분할 영역 얻음.

Release v10.0.0-beta.0 · TypeStrong/ts-loader

github.com/TypeStrong/ts-loader/releases/tag/v10.0.0-beta.0

TypeScript webpack ReleaseNote

ts-loader v10.0.0-beta.0 출시.
TypeScript 7.1 이상/Node.js 22 이상을 필수로, 컴파일 처리를 typescript/sync API으로 이행.
compilerOptions/context/happyPackMode 로더 옵션을 삭제.

Release vite-plus v1.4.0 · voidzero-dev/vite-plus

github.com/voidzero-dev/vite-plus/releases/tag/v1.4.0

vite CLI Tools ReleaseNote

Vite+ 1.4.0 출시.
vpx으로 TypeScript/JavaScript 파일 실행과 --watch에 의한 감시 대응, vp migrate으로 tsx에서 이행을 지원.
vp check --deny-warnings, 레지스트리 팀을 관리하는 vp pm team 추가.
글로벌 CLI 의존 관계를 출시마다 lock 파일에서 설치하도록 변경

Node.js — Node.js 26.13.0 (LTS)

nodejs.org/en/blog/release/v26.13.0

nodejs ReleaseNote

Node.js v26.13.0 출시.
Node.js 26 계열이 코드네임 Lithium으로 하고 LTS으로 이행, 2029년 4월말까지 지원.
Node.js 25 이후 Linux 공식 바이너리는 libatomic 링크되어, 오래된 LTS에서 갱신할 때 별도 설치를 필요로 하는 경우가 있음.

Node.js — Node.js 27.0.0-alpha.0.0.0 (Alpha)

nodejs.org/en/blog/release/v27.0.0-alpha.0.0.0

nodejs ReleaseNote

Node.js v27.0.0-alpha.0.0.0 출시.
파괴적 변경으로, 힙상 상한 기존값을 변경, Buffer/ArrayBuffer 메모리 상한에 도입하도록 변경.
v8.serialize() 출력 형식을 변경, 구버전에서의 호출 비대응.
V8 15.6으로 업데이트와 Math.sumPrecise()/Iterator.zip() 지원.
node:vfs 플래그없도록 변경, 환경변수 접근제어하는 --allow-env 추가, 실험적인 net/promises API 추가

Release v1.0.0 · dy/jz

github.com/dy/jz/releases/tag/v1.0.0

JavaScript WebAssembly compiler ReleaseNote

JavaScript를 WebAssembly에 컴파일하는 JZ v1.0.0 출시.

Release v1.65.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.65.0

playwright testing ReleaseNote

Playwright v1.65.0 출시.
파괴적 변경으로, TypeScript 클래스 필드가 useDefineForClassFields에 따르도록 변경, 클릭 조작으로 inert 해제를 갖도록 변경.
Cookie 조합을 RFC 6265으로 합쳐져, APIRequestContext의 params를 기존 쿼리에 기록하도록 변경.
bunx --bun playwright test으로 Bun 상에서 테스트 실행에 대응, failures 레포터와 onlyFailures 옵션 추가.
테스트를 단독으로 실행하는 lock: '-exclusive-', cdpSession.send()의 timeout/signal 옵션을 추가

읽을거리

Unload event deprecated in Chrome | Blog | Chrome for Developers

developer.chrome.com/blog/unload-deprecated-in-chrome

Chrome JavaScript article

Chrome 155에서 unload 이벤트 비권장화가 완료되고, 기본적으로 동작하지 않도록 됨.
이벤트 신뢰성이나 BFCache으로 영향, 계단적 적용 경위에 대해 해설.
Permissions Policy이나 Chrome Enterprise 설정에 의한 옵트아웃로 계속 이용 가능.

Rebuilding the global town square from scratch

blog.x.com/en/engineering/rebuilding-the-global-town-square-from-scratch

React SSR performance AI article

X.com의 Web 애플리케이션을 재구축한 배경과 이행 방법에 대하여.
React/Relay/Fastify를 사용해, 이용자/검색 크롤러/링크 프리뷰 대상을 나눴던 3가지 서버를 통합.
Streaming HTML, GraphQL 리스폰스 재이용, JavaScript 분할이나 읽기 순서 조절하여 성능 개선.
AI 코딩 에이전트를 사용한 개발과, 기존 서버 사양으로 이용하는 테스트, 국가의 계단적인 이행에 대해서 해설.

웹사이트, 서비스, 문서

Add streaming HTML insertion methods by noamr · Pull Request #12758 · whatwg/html

github.com/whatwg/html/pull/12758?overview=true

HTML DOM WebAPI WHATWG spec

HTML를 스트리밍으로 해석, DOM으로 계단적으로 도입하는 API를 HTML 사양으로.
Element.streamHTML()/streamAppendHTML()가 WritableStream를 반환, Stream으로 작성된 HTM 문자열을 HTML으로 도입.
위험한 요소나 속성을 제거하는 메서드와, 소거를 하지않는 Unsafe판을 준비.

소프트웨어, 도구, 라이브러리

vercel-labs/tsc-ts: TypeScript written in TypeScript

github.com/vercel-labs/tsc-ts

TypeScript compiler Tools

TypeScript-Go（tsgo）를 TypeScript으로 이식하는 실험적인 컴파일러.
scriptc를 사용한 네이티브 코드를 컴파일하여, npm 패키지를 배포.
tsc-ts -p tsconfig.json으로 프로젝트 컴파일하고, --api으로 표준 입력을 사용하는 API 서버로 동작.

obsidianmd/pele: Renders Mermaid diagrams faster than you'd run from a volcano! 🌋

github.com/obsidianmd/pele

JavaScript library diagram SVG

Mermaid 다이어그램을 SVG으로 변환하는 라이브러리. 의존이 없이, CSS 변수에 의한 색이나 폰트 변경, 그림 종류마다 읽기나 지연 읽기에 대응.
mount()으로 브라우저 요소를 렌더링, 컨테이너 폭에 맞춘 레이아웃을 조절 가능.

2026-10-16: Cloudflare가 Deno 인수, TanStack Start 1.0, Bun 1.4.3, Panda CSS 2.0

Fri, 16 Oct 2026 09:46:17 +0900

JSer.info #781 - Cloudflare가 Deno 인수를 발표했다.

Deno 런타임은 1년간 버그 수정・보안 업데이트 진행한 이후, Deno 팀에 의한 개발이 종료된다.
Deno Deploy은 6개월 후에 종료, JSR은 Cloudflare로 이행되어 계승된다.
앞으로는 Workers과 Durable Objects 플랫폼에 주력, rusty_v8은 지속해서 지원하며 workerd으로 통합 진행이 예정되었다.

TanStack Start 1.0 출시되었다.

TanStack Start 1.0 is Stable | TanStack Blog

TanStack Start은, TanStack Router를 기반으로 하는 React/Solid 대상 풀스택 프레임워크이다.
SSR와 스트리밍, 자료형 있는 서버 함수 createServerFn, 실행 환경 째로 처리를 전환하는 createIsomorphicFn를 제공한다.

Bun 1.4.3 출시되었다.

Bun v1.4.3 | Bun Blog

TypeScript 자료형 체크하는 bun check가 추가되어, bun run --check/bun test --check/bun build --check에 대응한다.
또한, --disallow-code-generation-from-strings으로 문자열에서 생성 금지, bun build --compile --bytecode-order에 대응한다.

Panda CSS 2.0 출시되었다.

Panda CSS 2.0 | Panda CSS Blog - Panda CSS

Panda CSS 2.0에는, ESM만 가능해 Node.js 22 이상이 필요가 되었으며, hooks가 plugins으로 마이그레이션된다.
또한, 컴파일러가 Rust와 Oxc으로 재작성되어, panda lib와 designSystem으로 디자인 시스템 배포에 대응한다.
그 외로는, viewTransition()/firstThatWorks()/keyframes()/positionTry(), panda doctor/panda analyze/panda debug가 추가되었다.

헤드라인

Preact 11 – Preact

preactjs.com/blog/preact-11/

JavaScript library ReleaseNote React

Preact 11.0.0 출시.
파괴적 변경으로, .mjs의 ESM 배포만 하게 되어 CommonJS/UMD 핸들러 삭제, render()은 세 번째 인수 삭제.
Hydration 2.0, Object.is으로 Hook 인수 비교, ref를 기본적으로 전송하도록 변경forwardRef를 필요하지 않게 함, createPortal를 core에 추가.

Upgrading from Preact 10.x – Preact Guide v11

Next.js 16.4 | Next.js

nextjs.org/blog/next-16-4

Next.js React ReleaseNote

Next.js 16.4 출시.
create-next-app으로 Cache Componentsが가 기본 유효화, ensureStatic/navigation()/prefetch() 추가.
next upgrade --agentとexperimental.agentUpgrade, experimental.agentFeedback 추가.
Turbopack 디스크 캐시 삭제, Lazy server HMR, Turbopack 공유 Runtime.
CSS Modules으로 production 빌드에는 짧은 클래스명 생성되도록 변경, React 19.3으로 업데이트.

Panda CSS 2.0 | Panda CSS Blog - Panda CSS

panda-css.com/blog/panda-css-v2

css JavaScript ReleaseNote

Panda CSS 2.0 출시.
ESM만 지원하게되었으며 Node.js 22 이상 필요, hooks를 plugins으로 이행.
createStyleContext를 createSlotRecipeContext/createRecipeContext으로 분할分割.
Rust와 Oxc로 컴파일러 재작성, panda lib와 designSystem으로 디자인 시스템 배포에 대응.
viewTransition()/firstThatWorks()/keyframes()/positionTry() 추가.
panda doctor/panda analyze/panda debug, ESLint 플러그인 정식 지원

Node.js — Node.js 26.11.0 (Current)

nodejs.org/en/blog/release/v26.11.0

nodejs ReleaseNote

Node.js v26.11.0 출시.
isLatin1/Buffer.stringLength(), http.isValidHeaderName()/http.isValidHeaderValue() 추가.
http2のconnectionWindowSize, histogram.diff()/histogram.snapshot(), --process-timeout=N 추가.
process.ref()/process.unref()가 Stable, npm 11.20.0으로 업데이트.

Release 3.0.0 · qunitjs/qunit

github.com/qunitjs/qunit/releases/tag/3.0.0

JavaScript library ReleaseNote test

QUnit 3.0.0 출시.
Node.js 16 이하/PhantomJS/AMD 대상 빌트인 export/QUnit.load() 삭제.
네이티브 ESM 배포, before/after 훅 module context, QUnit.config.reporters.html 추가.
기본적 테스트 타임아웃을 3초로 변경, HTML Reporter 디자인 업데이트.

QUnit 3.0 Upgrade Guide | QUnit

Bun v1.4.3 | Bun Blog

bun.com/blog/bun-v1.4.3

Bun TypeScript ReleaseNote

Bun v1.4.3 출시.
TypeScript 자료형 체크를 하는 bun check 추가, bun run --check/bun test --check/bun build --check 대응.
--disallow-code-generation-from-strings으로 문자열에서 코드 생성 금지 대응, bun build --compile --bytecode-order 지원

Deno is joining Cloudflare | Deno

deno.com/blog/cloudflare

deno cloudflare JavaScript news

Cloudflare가 Deno 매수.
Deno 런타임은 1년간 버그 수정・보안 업데이트한 이후, Deno팀의 개발은 종료, Deno Deploy은 6개월 후에 종료, JSR은 Cloudflare으로 이행해서 계승.
앞으로는 Workers와 Durable Objects 플랫폼에 주력, rusty_v8은 계속해서 지원하며 workerd으로 통합 진행 예정.

Deno is joining Cloudflare | Cloudflare Blog

TanStack Start 1.0 is Stable | TanStack Blog

tanstack.com/blog/tanstack-start-1-0

TanStack React Solid ReleaseNote

TanStack Start 1.0 출시.
TanStack Router를 기반하는 React/Solid 대상 풀스택 프레임워크.
SSR/스트리밍, 자료형 대상 서버 함수 createServerFn, 실행 환경 째로 처리 전환하는 createIsomorphicFn 제공한다.

Release v5.3.0 · expressjs/express

github.com/expressjs/express/releases/tag/v5.3.0

express nodejs ReleaseNote

Express 5.3.0 출시.
Content-Disposition 파일명 인용부를 생략하는 조건을 변경, res.send()으로 기존 Content-Type 파라메터를 보유하도록 변경.
req.fresh가 QUERY 메서드에 대응, 기본적으로 에러 핸들러가 Error.cause를 포함하는 에러 전체 로그 출력.

Release v1.0.0 · QwikDev/partytown

github.com/QwikDev/partytown/releases/tag/v1.0.0

JavaScript library webworker ReleaseNote

Partytown v1.0.0 출시.
서드파티 스크립트를 Web Worker에서 실행하는 라이브러리.

읽을거리

Responsive iframes in Chrome 154 | Blog | Chrome for Developers

developer.chrome.com/blog/responsive-iframes?hl=en

Chrome browser HTML css

Chrome 154에서 추가된 response한 iframe 해설 글.
frame-sizing: content-height로, 임베디드된 내용에 맞춰 크기를 정리 가능.
임베디드된 측에서는 responsive-embedded-sizing 메타 태그, window.requestResize(), Cross-Origin 대응에 대한 해설도 있음.

Scrolling is All You Need: Building a Swipeable Sheet | React Aria

react-aria.adobe.com/blog/sheet

React css UI animation article

React Aria 스와이프 조작으로 닫을 수 있는 Sheet 컴포넌트 구현에 대하여.
CSS Scroll Snap와 view-timeline를 사용해, JavaScript에서 터치 이벤트 처리없이 스와이프 조작과 연동한 애니메이션 실현함.
중간에 정지하는 스냅포인트, 시트 겹침, 소프트웨어 키보드 대응에 대해서도 설명됨.

웹사이트, 서비스, 문서

tester-army/e2e: Next generation e2e testing framework for web and mobile apps.

github.com/tester-army/e2e

E2E testing library web mobile AI

Web와 모바일 애플리케이션 대상 E2E 테스트 프레임워크.
자연언어로 작성된 순서를 에이전트가 실행, LocatorとAssertion으로 결과를 검증 가능.
Web은 Playwright 경유로 Chromium/Firefox/WebKit, 모바일은 iOS/Android에 대응.

tarwin/tinyjsapp: Build native apps in JS. Backend, frontend. ~5Mb.

github.com/tarwin/tinyjsapp

JavaScript app Tools webview macOS windows linux

txiki.js와 OS 네이티브 WebView를 사용한 데스크탑 애플리케이션 작성하는 도구.
백엔드는 JavaScript로 작성, 프론트엔드는 HTML/CSS/JS를 OS의 WebView로 보여줌.
tinyjs new/tinyjs dev/tinyjs build의 CLI, 메뉴/알람/트레이/드래그앤드롭 네이티브 기능 제공.

소프트웨어, 도구, 라이브러리

rauchg/gdp-ts

github.com/rauchg/gdp-ts/tree/main

TypeScript security library lint

TypeScript 대상 Ghosts of Departed Proofs 구현 라이브러리.
name()으로 값으로 컴파일할 때 이름을 붙이고, defineProof()으로 인허가 체크 결과를 자료형으로 다루며, 개발 측에서 _proof 인수를 받아 인허가 체크만 자료형 체크함.

2026-09-29: React 19.3, pnpm의 Python/Cargo 대응, Vite+ 1.0

Tue, 29 Sep 2026 00:43:57 +0900

JSer.info #780 - React 19.3가 출시되었다.

React 19.3 – React

<ViewTransition>와 Fragment Refs가 Stable이 되었다.
react-dom에, use(browser())으로 컴포넌트를 브라우저에서만 렌더링하기 위한 browser()가 추가되어, Trusted Types API에 대응했다.
Server Components으로 <Context>를 직접 렌더링할 수 있게되어, onFullscreenChange/maskType 지원이 추가되었다.

pnpm 12.4, 12.6가 출시되었다.

pnpm 12.4에는, python.enabled/cargo.enabled로 Python/Cargo 의존 관계 관리에 대응했다.
Cargo 대응 배경에는, Rust로 작성된 pnpm 자체 의존관계를 pnpm로 해결하고 싶은 개발자의 의도가 있다.
또한, pnpm pipeline, trustPolicyExcludePrune, pnpm change check가 추가되었다.

pnpm 12.6에는, autoDedupe에 의한 의존 관계 중복 제거, pnpm add --save-types, Catalogs에서의 file:/link: 지원이 추가되었다.
그 외로, pnpm tasks status, pnpm cache prune --dry-run가 추가되었다.

Vite+ 1.0가 출시되었다.

Announcing Vite+ 1.0 | VoidZero

Beta부터는, GitLab CI/CD 대상 setup-vp, Homebrew와 Docker 이미지, vp hooks/vp staged가 추가되었다.
vp test와 vite-plus/test*가 Vitest 5.0.1으로 이행하여, CLI의 Node.js 지원 범위가 변경되었다.
oxlint/oxfmt 실행 파일 래퍼가 삭제되어, vp lint --lsp/vp fmt --lsp를 사용하는 형태로 변경되었다.
그리고, vp migrate에 의한 Vitest 5으로 이행, npm provenance 검증, vp add --offline/--frozen-lockfile 지원이 추가되었다.

헤드라인

React 19.3 – React

react.dev/blog/2026/09/09/react-19-3

React JavaScript ReleaseNote

React 19.3 출시.
<ViewTransition>와 Fragment Refs가 Stable화, browser()와 Trusted Types 지원를 추가.
react-dom에 use(browser())로 컴포넌트를 브라우저만 렌더링 하기 위한 browser() 추가, Trusted Types API 지원.
Server Components로 <Context>를 직접 렌더링하도록 변경, onFullscreenChange/maskType 지원.

react/CHANGELOG.md at main · react/react

pnpm 12.4 | pnpm

pnpm.io/blog/releases/12.4

pnpm ReleaseNote

pnpm 12.4 출시.
python.enabled/cargo.enabled에 의한 Python/Cargo 의존 관계 관리를 추가(pnpm 자체가 Rust로 작성되었기에).
pnpm pipeline, trustPolicyExcludePrune, pnpm change check 추가.

Zod 4.6

zod.dev/blog/zod-4-6

JavaScript TypeScript library ReleaseNote

Zod 4.6 출시.
.validate()/.validateAsync() 추가, z.instanceof().properties() 추가.
z.fromJSONSchema()로 minProperties/uniqueItems의 JSON Schema 키워드에 대응.
z.iban(), z.withParser() 추가, CommonJS에서 require("zod") 경유 호출 개선

Webpack 5.111 | webpack

webpack.js.org/blog/2026-09-14-webpack-5-111/

webpack ReleaseNote

webpack 5.111 출시.
ESM 출력이 Stable이 되어 experiments.outputModule없이 output.module를 이용 가능하도록.
output.copy, 브라우저 타겟에 맞춰 CSS 최소화 설정하는 lowerUnsupported/colorFallbacks 추가.
acorn/neo-async 의존을 삭제.

Release v3.0.0 · pmndrs/jotai

github.com/pmndrs/jotai/releases/tag/v3.0.0

React JavaScript library ReleaseNote

Jotai v3.0.0 출시.
React 18/TypeScript 5.5/Node.js 22.12.0 이상이 필수가 되어, CJS/UMD/SystemJS 빌드를 삭제.
atomFamily/loadable/jotai/babel/setSelf/delay 옵션을 삭제.
useAtomValueRaw와 useAtomValueRawSync 추가

jotai/docs/guides/migrating-to-v3.mdx at main · pmndrs/jotai

What's New in Apollo Client 4.3 - Apollo GraphQL Blog

www.apollographql.com/blog/whats-new-in-apollo-client-4-3

JavaScript GraphQL TypeScript ReleaseNote

Apollo Client 4.3 출시.
Scalar에 의한 Custom Scalars 시리얼라이즈/디시리얼라이즈, TypeOverrides에 의해 Cache 자료형 덮어쓰기 대응.
@defer/@stream의 Incremental Data 자료형 개선, useSubscription에서의 skipToken 지원

pnpm 12.6 | pnpm

pnpm.io/blog/releases/12.6

pnpm ReleaseNote

pnpm 12.6 출시.
autoDedupe에 의한 의존 관계 중복 제거,
pnpm add --save-types, Catalogs에서의 file:/link: 지원.
pnpm tasks status 추가, pnpm cache prune --dry-run 추가.

WebKit Features for Safari 27.0 | WebKit

webkit.org/blog/18325/webkit-features-for-safari-27-0/

safari browser WebAssembly JavaScript css ReleaseNote

Safari 27.0의 WebKit 변경점에 대해.
Safari MCP, <select> 커스터마이즈, <model> 요소 지원, <img sizes="auto"> 지원.
WebAssembly JSPI, Service Worker Static Routing API, WebGPU의 clip_distances 지원.
JavaScript의 ESM Loader를 ECMAScript 사양에 C++으로 재구현, Top-Level Await 동작을 수정.

Announcing Vite+ 1.0 | VoidZero

voidzero.dev/posts/announcing-vite-plus-1-0

vite Tools CLI ReleaseNote

Vite+ 1.0 출시.
Beta부터는 GitLab CI/CD 대상 setup-vp, Homebrew와 Docker 이미지, vp hooks/vp staged 추가.
vp test와 vite-plus/test*가 Vitest 5.0.1으로 이행, CLI의 Node.js 지원 범위를 변경.
oxlint/oxfmt 실행 파일 래퍼를 삭제, vp lint --lsp/vp fmt --lsp를 사용하는 형태로 변경.
vp migrate에 의한 Vitest 5 이행, npm provenance 검증, vp add --offline/--frozen-lockfile 지원.

Release vite-plus v1.0.0: Vite+ 1.0 is stable · voidzero-dev/vite-plus

읽을거리

AI coding has made CI a bottleneck, so we reworked ours to keep up

linear.app/now/ci-bottleneck-reworked

CI testing article TypeScript

Linear에서 CI 개선으로, tsgo으로 이행, ESLint 규칙을 정보에 의존하지 않도록 변경.
또한, 서드파티 런너와 actions/checkout 조절, pnpm 의존 설치 범위의 한정, Vitest의 shard 분할이나 isolate: false 도입에 대하여

슬라이드, 영상

프론트엔드 컨퍼런스 후쿠오카 2026 공개 자료・X 계정 링크 모음

zenn.dev/h_yoshikawa0724/articles/2026-09-13-frontend-conf-fukuoka-2026

JavaScript web Conference slide

프론트엔드 컨퍼런스 후쿠오카 2026 슬라이드 모음.

FEC Fukuoka 2026 | FEC Fukuoka

웹사이트, 서비스, 문서

fallow-rs/fallow: Codebase intelligence for TypeScript and JavaScript. Free static analysis of code and styles: unused code, duplication, circular deps, complexity hotspots, architecture boundaries, design-system drift. Optional paid runtime layer (Fallow Runtime): hot-path review and cold-path deletion evidence from real production traffic.

github.com/fallow-rs/fallow

TypeScript JavaScript Tools lint

TypeScript/JavaScript 대상 정적 해석 도구.
미사용코드, 순환 의존, 중복 코드, 복잡도, 아키텍쳐 경계 위반, CSS 스타일 차분 검출.
fallow audit으로 변경 파일에 대해 PR게이트를 실행하여, --format json으로 JSON 출력에 대응.

lovablelabs/oj: An experimental Rust-native build tool for React apps.

github.com/lovablelabs/oj

Rust React Tools vite

React 애플리케이션 대상 Rust제 빌드 도구.
V8를 담은 단일 실행 바이너리로 동작한다.
Vite/Rollup 호환 플러그인, SSR, TanStack Start 대응, oj dev와 oj build로 개발 서저와 빌드를 실행 가능.

Faster previews, soon powered by OJ | Lovable

소프트웨어, 도구, 라이브러리

shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.

github.com/shadcn-ui/lint

css ESLint Tools

Tailwind 디자인 시스템 대상 Lint 도구.
ESLint/Oxlint 대상으로 제공, Tailwind v4 프로젝트로 이용 가능.
no-restyle/no-raw-colors/no-arbitrary-values 규칙으로, 컴포넌트째 className 이용을 제한 가능.

unjs/upm: 📦 A fast, tiny package manager for the npm registry, written in TypeScript.

github.com/unjs/upm

TypeScript npm Tools

TypeScript로 작성된 npm 레지스트리 대상 패키지 매니저.
패키지 크기가 적으며, 프로그램에서 실행 가능한 API를 가지고 있음

2026-09-10: Vitest 5.0, Zod 4.5, Shopify가 Tailwind Labs 인수

Thu, 10 Sep 2026 22:24:54 +0900

JSer.info #779 - Vitest 5.0가 출시됐다.

Vitest 5.0 is out! | Vitest

clearMocks가 기본적으로 유효, locator가 완전 일치해야 검색되도록 변경된다.
Benchmarking API가 재작성되어, Browser Mode의 browser.traceView, vi.when가 추가된다.
또한, vitest doctor, --repeats, coverage.autoAttachSubprocess 추가된다.

Zod 4.5가 출시됐다.

Zod 4.5

z.compile()에 의한 스키마 사전 컴파일, z.creditCard(), z.properties()가 추가된다.
z.deepPartial(), .exactPartial(), z.validate(), z.input()/z.output(), z.toZod<T>() 추가된다.
그 외로, z.iso.datetime()에서 초가 필수적이도록 변경, 문자열 길이를 Code Point로 세도록 변경, __proto__를 항상 제거하도록 변경.

Shopify가 Tailwind Labs 인수를 발표했다.

Tailwind Labs is joining Shopify - Tailwind CSS

Tailwind CSS 오픈소스 프로젝트는 MIT 라이센스 유지, Tailwind Labs 팀이 Shopify 지원을 받으며 개발 지속한다.
Tailwind Plus와 ui.sh는 기존 고객 접근 유지, 신규 등록 종료할 예정이다.

헤드라인

Release v4.0.0 · plotly/plotly.js

github.com/plotly/plotly.js/releases/tag/v4.0.0

JavaScript chart library ReleaseNote

plotly.js 4.0.0 출시.
Node.js 22 미만 지원 종료, scattermapbox/choroplethmapbox/densitymapbox 삭제.
mapboxAccessToken 삭제, MathJax v2 지원 종료 v3/v4를 지원, 색 처리 라이브러리를 culori로 변경

htmx 4.0.0 has been released! ~ htmx

four.htmx.org/announcements/2026-08-28-htmx-4.0.0-is-released

JavaScript HTML library ReleaseNote

htmx 4.0.0 출시.
속성 계승을 :inherited으로 명시하도록 변경, 이벤트명을 htmx:phase:action 형식으로 변경
이력 캐시는 localStorage를 사용하지 않고 재취득하는 형태로 변경.
XHR에서 fetch() 기반 구현을 이행, Morph Swap, <hx-partial>, hx-preload/hx-download 추가

Zod 4.5

zod.dev/blog/zod-4-5

JavaScript TypeScript library ReleaseNote

Zod 4.5 출시.
z.compile() 스키마 사전 컴파일, z.creditCard()/z.properties() 추가.
z.deepPartial()/.exactPartial(), z.validate(), z.input()/z.output(), z.toZod<T>() 추가.
z.iso.datetime()에서 초를 필수로 변경, 문자열 길이를 Code Point 카운팅하도록 변경, __proto__를 늘 제거하도록 변경

Reducing Zod's memory footprint by an order of magnitude with method memoization

Announcing Rspack 2.2 - Rspack

rspack.rs/blog/announcing-2-2

rspack ReleaseNote

Rspack 2.2 출시.
HMR 개선, Browserslist 베이스 라인 쿼리를 지원. Rspack 고유 모듈 변수를 import.meta로 공개하도록 변경.
Rsbuild에는, Node.js 빌드에서 split chunks를 기본적으로 유효, Solid v2 지원.
Rslib가 TypeScript 7를 지원

Node.js — Node.js 24.20.0 (LTS)

nodejs.org/en/blog/release/v24.20.0

nodejs ReleaseNote

Node.js v24.20.0(LTS) 출시.
AsyncLocalStorage에서의 using scope 추가, Buffer에 end 파라미터 추가.
permission.drop()/--permission-audit, package maps, node:stream/iter 추가

Remix 3 Release Candidate | Remix

remix.run/blog/remix-3-release-candidate

Remix JavaScript ReleaseNote

Remix 3.0.0-rc.1 출시.

Electron 44 | Electron

www.electronjs.org/blog/electron-44-0

Electron ReleaseNote

Electron 44 출시.
Chromium 152.0.7977.54, Node.js v24.18.1, V8 15.2으로 업데이트.
macOS 12/Windows 32-bit/Linux ARM 32-bit 지원 종료, renderer에서 clipboard 직접 이용 삭제.
clipboard 비동기 API화, windowStatePersistence, net.WebSocket 추가.
webContents.setZoomMode(), webFrameMain.printToPDF(), Linux의 win.setOpacity() 추가.

Vitest 5.0 is out! | Vitest

vitest.dev/blog/vitest-5.html

JavaScript vite testing ReleaseNote

Vitest 5.0 출시.
기본적 동작을 변경해서 clearMocks 유효화, 네스트한 프로젝트 설정을 기본적으로 계승하도록 변경, locator가 strict match 하도록 변경.
Benchmarking API 재작성, Browser Mode의 browser.traceView 추가, vi.when 추가.
vitest doctor, --repeats, coverage.autoAttachSubprocess 추가.

Migration Guide | Guide | Vitest

Release v1.63.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.63.0

playwright testing ReleaseNote

Playwright v1.63.0 출시.
유효 리소스를 사용하는 테스트의 배타 실행을 다루는 lock, 게시 요소만 제한하는 locator.visible() 추가.
page.frameLocator()으로 프레임을 넘어다니는 Locator 검색 대응.
trace에서 snapshots 옵션 추가, locator.ariaSnapshotJSON() 추가

Firefox 155.0, See All New Features, Updates and Fixes

www.firefox.com/en-US/firefox/155.0/releasenotes/

Firefox browser ReleaseNote css WebAssembly HTTP3 WebRTC

Firefox 155.0 출시.
CSS의 attr()/progress()/alpha(), HTTP/3에서의 QUIC v2 지원.
WebAssembly Compact Import Section/Wide Arithmetic 지원.
개발자 도구에는 prefers-reduced-motion 에뮬레이션, JSON Lines 게시, 프레임 변경하는 포인트 단축키 추가.
mailto: 링크는 유저가 조작할 때만 열도록 변경

Firefox 155 release notes for developers (Stable) - Mozilla | MDN

Tailwind Labs is joining Shopify - Tailwind CSS

tailwindcss.com/blog/tailwind-is-joining-shopify

css OpenSource news

Shopify가 Tailwind Labs 인수.
Tailwind CSS의 OSS는 MIT 라이센스 유지, Tailwind Labs 팀이 Shopify 지원으로 개발 지속.
Tailwind Plus와 ui.sh는 기존 고객 접근 유지, 신규 가입은 종료 예정.

읽을거리

How Turbopack chunks your JavaScript | Next.js

nextjs.org/blog/turbopack-chunking

Next.js JavaScript article performance

Turbopack의 Chunk 분할 알고리즘에 관하여.
Chunk 머지로 인한 리퀘스트 수와 전송량 트레이드 오프에 관해 설명.
Next.js 16.3의 generateComponentChunks에는, 빌드할 때에 머지된 Chunk와 개별 Chunk를 생성.
화면 전환에는, 읽은 코드를 토대로, 모아서 받을지, 부족한 Chunk만 받을지 판단.
또한 firstPageLoadPriority/priorityRoutes/clusters에 의한 검사나 CommonJS 대응도 다뤄짐.

Fixing Top-Level Await in Safari | WebKit

webkit.org/blog/18227/fixing-top-level-await-in-safari/

safari JavaScript article

Safari 27/Safari Technology Preview 251에서 Top-Level Await 수정 관련하여.
Safari의 Module Loader를 JavaScript 구현에서 C++ 구현으로 작성하여, ECMAScript 사양에 따라, Top-Level Await 대응함

웹사이트, 서비스, 문서

Release v2.0.1: Aube's own global home, leaner resolver, and dramatically lower install memory · jdx/aube

github.com/jdx/aube/releases/tag/v2.0.1

nodejs package Rust Tools

Aube v2 출시.
aube add -g 설치처를 pnpm 디렉토리에서 Aube의 data root로 변경.
lowest-direct를 ResolutionMode::LowestDirect으로 공개 API에 추가, aube store prune --dry-run --json 구조화 출력을 추가.
aube pack/aube publish에서의 catalog: 해결.

davideast/pyric: Firebase tooling for the agent era

github.com/davideast/pyric

JavaScript Tools vite MCP

Firebase 애플리케이션을 로컬에서 동작하기 위한 개발 프레임워크/에뮬레이터.
Vite 플러그인으로 firebase/*의 import를 브라우저 내의 로컬 백엔드로 바꿈.
Auth/Firestore/Security Rules를 다루며, Pyric Studio이나 MCP bridge에서 상태 확인이나 조작 가능.

Rules standard library reference · Pyric Studio

도서

minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진 라이브러리로 동작하는 헤드레스 조판 엔진

typeset.jp/

TypeScript JavaScript library PDF japanese

TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진.
TypeScript 코드로 문서구조와 스타일을 정의하고, PDF나 PNG를 생성.
금칙 처리, 세로 구성, 루비, 하이프네이션, 단 구성, float 배치를 다룸.

minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진

2026-08-27: pnpm 12, Bun 1.4, Solid 2.0 RC

Thu, 27 Aug 2026 21:55:43 +0900

JSer.info #778 - pnpm 12가 출시되었다.

pnpm 12.0 | pnpm

pnpm 12은 Rust로 재작성된 안정판으로 출시되었으며, pnpm 11 명령어, 설정, lockfile 형식도 계승받는다.
GitHub/GitLab/Bitbucket의 Git의존은, 정규화한 HTTPS URL에서 lockfile에 기록하도록 변경된다.
또한, pnpm-workspace.yaml 미지의 설정 보고, globalShims에 의한 project-aware global bins, package manager 설치에 대응했다.
그 외로는, Registry revisions, pnpm update --patches, pnpm stage approve의 일괄승인이 추가된다.

Bun 1.4가 출시되었다.

Bun 1.4 | Bun Blog

Bun 1.4는, Zig에서 Rust로 재작성되었으며, Node.js 호환성, メモリ/CPU 사용량, 기동 속도 개선이 있다.
bun dedupe/bun prune/bun audit fix가 추가된다.
또한, bun test --timings에서 실행 시간 기반 sharding, React Compiler, bun build --asset 디렉토리 지정에 대응한다.

Solid v2.0.0 RC가 출시되었다.

Solid v2.0.0 RC에는, 비동기 값을 리액티브 그래프로 다루는 모델으로 변경된다.
createResource/batch/startTransition/useTransition가 삭제된다.
또한, OXC 기반 Rust제 컴파일러가 도입된다.
@solidjs/vite-plugin의 start: true에 의해, Vite 상에서 SPA, SSR, Server Functions를 다룰 수 있다.

헤드라인

SolidStart v2 is now Stable · solidjs/solid-start · Discussion #2281

github.com/solidjs/solid-start/discussions/2281

Solid JavaScript vite ReleaseNote nodejs

SolidStart v2 출시.
Vite Environment API 사용한 client/server 빌드로 이행.
Nitro v3/Cloudflare Vite plugin 디플로이 플러그인과 연계 지원.
Node.js 24 이상 필요하며, 설정 파일 vite.config.ts으로 이행이 필요하다

Migrating from v1 - SolidStart

Release v1.7.0 · video-dev/hls.js

github.com/video-dev/hls.js/releases/tag/v1.7.0

HLS JavaScript library ReleaseNote

hls.js v1.7.0 출시.
TypeScript 자료형 정의 엄밀화.
hls.createIFramePlayer()에 의해 iframe playlist 재생, CMCD v2 지원 추가.
hls.nextAudioTrack, abrSwitchInterval, appendTimeout 추가

Release 3.50.0 - 2026.08.05 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v3.50.0

JavaScript library ReleaseNote

core-js v3.50.0 출시.
Iterator.zip/Iterator.zipKeyed를 Stable ES으로 추가, Iterator.prototype.chunks/windows가 Stage 3으로 이동.
Stage 3 Proposal로 Iterator.prototype.includes/join, Promise.allKeyed/Promise.allSettledKeyed 추가

Release v2.0.0 RC - The Big <Reveal> · solidjs/solid

github.com/solidjs/solid/releases/tag/v2.0.0-rc.0

Solid JavaScript ReleaseNote vite

Solid v2.0.0 RC 출시.
비동기 값을 리엑티브 그래프로 다루는 모델로 변경.
createResource/batch/startTransition/useTransition 삭제.
OXC 기반 Rust제 컴파일러 도입.
@solidjs/vite-plugin의 start: true에서 Vite상 SPA/SSR/Server Functions를 다루도록.
SolidStart를 retire 발표. 관리 출시는 계속.
Start mode가 SolidStart를 대신하도록 함.

From Solid 1.x

Release Notes for Safari Technology Preview 250 | WebKit

webkit.org/blog/18191/release-notes-for-safari-technology-preview-250/

safari browser css JavaScript ReleaseNote

Safari Technology Preview 250 출시.
CSS ruby-overhang: spaces 지원.
using/await using, Iterator.zip()/Iterator.zipKeyed() 지원.
fetch()에서의 ReadableStream 업로드, WebAssembly의 relaxed SIMD/multiple memories 지원

Release v5.6.0 - npm staged publishing · lerna-lite/lerna-lite

github.com/lerna-lite/lerna-lite/releases/tag/v5.6.0

npm ReleaseNote monorepo

Lerna-Lite v5.6.0 출시.
lerna publish --stage로 npm의 staged publishing 지원.

Better Auth 1.7

better-auth.com/blog/1-7

TypeScript library ReleaseNote OAuth MCP

Better Auth 1.7 출시.
파괴적 변경으로, oidcProvider 플러그인 삭제, @better-auth/oauth-provider으로 이동.
MCP 인증은 @better-auth/mcp으로 이동, SCIM Groups/Device Authorization 지원

Firefox 154.0, See All New Features, Updates and Fixes

www.firefox.com/en-US/firefox/154.0/releasenotes/

Firefox browser css JavaScript ReleaseNote

Firefox 154.0 출시.
CSS text-box-trim/text-box-edge, sibling-index()/sibling-count() 지원.
<input type="time">의 시계 선택UI, No-Vary-Search, Iterator.prototype.chunks/windows/includes()/join 지원.
실험적 기능으로, CSS line-clamp, progress(), CSS Typed Object Model API 지원

Firefox 154 release notes for developers (Stable) - Mozilla | MDN

Bun 1.4 | Bun Blog

bun.com/blog/bun-v1.4

Bun JavaScript ReleaseNote

Bun v1.4 출시.
Zig에서 Rust로 재작성, Node.js 호환성 개선, 메모리/CPU 사용량과 기동속도 개선.
bun dedupe/bun prune/bun audit fix 추가.
bun test --timings에서 실행 시간 기반 sharding 지원, React Compiler 대응, bun build --asset로 디렉토리 지정 대응.
정적파일 송신 대응, 실험적 기능으로 Bun.serve() HTTP/3, fetch() HTTP/2와 HTTP/3 대응.

pnpm 12.0 | pnpm

pnpm.io/blog/releases/12.0

pnpm ReleaseNote

pnpm 12.0 출시.
Rust로 재작성된 Stable판 출시, pnpm 11 명령어/설정/lockfile 형식 계승.
GitHub/GitLab/Bitbucket의 Git 의존은 정규화 한 HTTPS URL로 lockfile에 기록하도록 변경.
pnpm-workspace.yaml 미지의 설정 보고하도록 함, globalShims에 의해 project-aware global bins, package manager 설치 대응.
Registry revisions, pnpm update --patches, pnpm stage approve 일괄 승인 추가

읽을거리

React Compiler Support | The JavaScript Oxidation Compiler

oxc.rs/blog/2026-08-18-react-compiler-support

JavaScript React article Rust

Oxc의 React Compiler 지원 관련한 글.
React팀의 Rust 포트를 Oxc에 담아, Babel 형식의 AST으로 변환없이 Oxc AST 상 동작하도록 통합중임.
Oxlint에 React Compiler 기반 22개 규칙 추가, oxc-transform-react로 React Compiler에 의한 자동 메모화 다룸.

웹사이트, 서비스, 문서

celld: self-hosted, distributed Durable Objects

celld.dev/

cloudflare JavaScript server database OpenSource

Cloudflare Workers와 Durable Objects 호환 API 구현.
LTX와 S3 호환 스토리지에서 분산 Durable Objects 실현.

소프트웨어, 도구, 라이브러리

firecrawl/anydoc: Convert Word, PowerPoint, Excel, OpenDocument, RTF, EPUB, CSV, and PDF to clean Markdown. Built in Rust, with Node.js and Python bindings.

github.com/firecrawl/anydoc

Rust Markdown PDF nodejs python library WebAssembly

Office 문서나 PDF를 GitHub Flavored Markdown으로 변환하는 Rust제 라이브러리.
Word/PowerPoint/Excel/OpenDocument/RTF/EPUB/CSV/PDF에 대응, Node.js/Python/WebAssembly 대상 바인딩 제공.
파일 내용에서 형식을 판정하고, toMarkdown/toMarkdownBytes/toDocument의 API나 CLI로 이용 가능.

Plumeria - Zero-cost abstraction layer

plumeria.dev/

React css library

React 컴포넌트 대상 Zero Runtime한 CSS-in-JS 라이브러리.
TypeScript 객체에서 스타일을 정의, 빌드할 때 classStyle를 className로 변환. 파일 간 의존을 해결하고 CSS를 생성함으로, Runtime의 JS를 자잘하게 만듬.

2026-08-05: Next.js 16.3, npm에서 publish할 때 멀웨어 스캔, vlt 1.0

Wed, 05 Aug 2026 09:23:21 +0900

JSer.info #777 - Next.js 16.3가 출시되었다.

옵트인 Instant Navigations으로, cacheComponents와 partialPrefetching 사용한 네비게이션 개선이 추가된다.
import.meta.glob 지원, App Router의 SSR 내부를 Web Streams에서 Node.js Streams으로 이행하여 성능 개선이 있다.
실험적 기능으로, Turbopack의 파일시스템 캐시와 메모리 해방 설정, Rust 기반 React Compiler, useOffline가 추가된다.

npm에서, publish할 때 멀웨어 스캔이 도입되었다.

npm publish-time malware scanning and dual-use metadata - GitHub Changelog

글에는, npm의 publish할 때 멀웨어스캔과 dual-use content 대상 메타데이터에 대해 다뤄진다.
새롭게 publish된 패키지는, 설치 가능하기 전에 스캔된다. 그 결과에 따라 통상적인 공개, 수동 리뷰, 블록처리가 된다.
또한, 멀웨어로 오인될 가능성이 있는 패키지에 package.json의 contentPolicy와 DISCLOSURE 파일로 dual-use content 선언하는 구조가 추가된다.
선언한 패키지는 2FA를 강제하는 trusted publishing, 대화적 publish, staged publishing에서 공개할 필요가 있다.

vlt 1.0가 출시되어, Hosted Package Registries와 ecosystem mirrors가 일반 공개되었다.

vlt 1.0 & Hosted Package Registries | vlt /vōlt/

의존 패키지의 라이프사이클 스크립트를 vlt install와 vlt build로 나눠서 처리하는 Phased Installations, npm 공개 레지스트리로의 OIDC Trusted Publishing에 대응한다.
Hosted Package Registries는 npm Registry API와 호환성이 있고, npm, pnpm, Yarn, Bun, Deno에서 이용 가능하며, 이미 알려진 멀웨어를 블록하는 구조를 갖고있다.

헤드라인

pnpm 11.11-11.14 | pnpm

pnpm.io/blog/releases/11.11-11.14

pnpm ReleaseNote

pnpm 11.11-11.14 변경점에 대하여.
pnpm change/pnpm lane/pnpm version -r에 의한 workspace 출시 관리 추가.
pnpm doctor, pnpm access, pnpm team 명령어 추가.
overrides의 "pkg@" 형식을 지원, pnpm run --sequential 추가.
pnpm install의 path traversal 취약점, peer dependency 해결 deadlock, cold-cache 해결할 때 메모리 사용량 수정.

Nuxt 4.5 · Nuxt Blog

nuxt.com/blog/v4-5

Vue vite rspack ReleaseNote

Nuxt v4.5.0 출시.
Vite 8/Rspack 2/Rsbuild 으로 업데이트, 실험적인 SSR Streaming, Stable Error Codes 추가.
useLayout, Named Views, useFetch/useAsyncData에 enabled 옵션 추가.
import.meta.envName, tracingChannel 추가.
더불어 2026년 7월 31일 지원 종료된 Nuxt 3의, 마지막 출시인 v3.21.9도 공개됨.

Type-Aware Linting Stable | The JavaScript Oxidation Compiler

oxc.rs/blog/2026-07-22-type-aware-linting-stable

TypeScript ESLint ReleaseNote

Oxlint의 Type-Aware Linting Stable 출시.
tsgolint v7.0.2000은 TypeScript v7.0.2 대응하는 형태로 버전을 TypeScript와 맞춤.
options.typeAware/options.typeCheck, --type-check, --debug timings 대응

Webpack 5.109 | webpack

webpack.js.org/blog/2026-07-24-webpack-5-109/

webpack ReleaseNote

webpack 5.109 출시.
CSS, HTML, TypeScript, 비동기 WebAssembly 내장 지원은, 대응하는 loader가 설정되지 않은 경우 유효인 auto가 기본으로.
실험적으로 output.html에서 title/meta/base, output.resourceHints 지원.
import.meta.glob/import.meta.resolve, CommonJS의 Module Concatenation 지원.
infrastructureLogging.progress, Worklet의 bundle, CSS의 @custom-media 지원도 추가.
webpack-dev-server 6.0.0도 동시에 공개, Express 5으로 업데이트, Node.js 22.15.0 이상이 필요함.

Nuxt Security Patch Releases · Nuxt Blog

nuxt.com/blog/v4-5-security

Vue security ReleaseNote

Nuxt v4.5.1とv3.21.10 출시.
vue.runtimeCompiler를 유효한 Server Islands에서의 RCE, routeRules 허가 바이패스, Server Components의 DoS 수정.
cache/swr/isr를 사용하는 Nuxt 4에서의 _payload.json 캐시 데이터 유출, 개발할 때만 영향 주는 Nuxt DevTools의 RCE 수정.

Release v1.62.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.62.0

playwright testing ReleaseNote

Playwright v1.62.0 출시.
Component Testing가 Story/Gallery 모델로 변경.
AbortSignal에 의한 조작 캔슬, .webp 스크린샷 지원, Reporter.preprocess() 추가.
retryStrategy: "isolated", apiResponse.timing(), Playwright MCP를 CLI에 포함하도록 변경

Ember 7.1 Released

blog.emberjs.com/ember-released-7-1/

Ember ReleaseNote

Ember.js 7.1 출시.
///의 빌트인 헬퍼 추가.
strict template으로 /// 자동 import 대응

pnpm 11.15-11.19 | pnpm

pnpm.io/blog/releases/11.15-11.19

pnpm ReleaseNote

pnpm 11.15에서 11.19까지 변경점에 대하여.
pnpm update/pnpm outdated의 GitHub Actions 업데이트 대응, pnpm update --changeset 추가.
update/audit 설정, publishConfig.name, save-prefix의 = 지원 추가.
pnpm self-update가 객체 설정을 참조하지 않도록 변경, TTY없는 pnpm login 대응

v1.20.0 | React Aria

react-aria.adobe.com/releases/v1-20-0

React JavaScript library ReleaseNote

React Aria Components v1.20.0 출시.
Popover를 hover/focus/long press로 보이는 PreviewTrigger, 텍스트 입력 중에 보완을 다루는 TokenField alpha 추가.
MenuTrigger에 trigger="contextMenu" 추가, useKeyboard 단축키 API 개선.
Table내에 TextField 대화적 컴포넌트 지원

Next.js 16.3 | Next.js

nextjs.org/blog/next-16-3

Next.js React ReleaseNote

Next.js 16.3 출시.
옵트인 Instant Navigations으로, cacheComponents와 partialPrefetching에 의한 네비게이션 개선 추가.
import.meta.glob 지원, App Router의 SSR 내부를 Web Streams에서 Node.js Streams으로 이행함으로 성능 개선.
실험적 기능으로 Turbopack 파일시스템 캐시와 메모리 해방 설정, Rust 기반 React Compiler, useOffline 추가.

Release v16.3.0 · vercel/next.js

Node.js — Node.js 26.6.0 (Current)

nodejs.org/en/blog/release/v26.6.0

nodejs ReleaseNote

Node.js v26.6.0 출시.
ffi.getCurrentEventLoop() 추가, node:test에 context.log()와 test:log 이벤트 추가.
TestStreamイベントにentryFile 추가, npm 11.18.0으로 업데이트.

Node.js — Node.js 24.19.0 (LTS)

nodejs.org/en/blog/release/v24.19.0

nodejs ReleaseNote

Node.js v24.19.0(LTS) 출시.
Blob.prototype.textStream(), --experimental-import-text, fs.readFile()에서의 buffer 옵션 지원.
stream.compose의 Stable화, TLS의 certificateCompression 옵션 추가.

vlt 1.0 & Hosted Package Registries | vlt /vōlt/

www.vlt.io/blog/1-0

vlt npm package security ReleaseNote

vlt 1.0 출시.
Hosted Package Registries와 ecosystem mirrors 일반 공개.
Graph Modifiers와 Catalogs 준비.
의존 패키지의 라이프사이클 스크립트를 vlt install와 vlt build로 나눠 다루는 Phased Installations, npm 공개 레지스트리 OIDC Trusted Publishing에 대응.
Hosted Package Registries은 npm Registry API와 호환성이 있어, npm, pnpm, Yarn, Bun, Deno에서 이용 가능, 알려진 멀웨러를 블록하는 구조임.

읽을거리

Errors worth reading - nostics

nostics.dev/

TypeScript library

라이브러리 에러 코드를 관리하는 TypeScript 라이브러리.
에러 코드 대응하는 이유/수정 방법 정의, 소스 위치, 문서 URL를 갖는 Diagnostic 옵션을 정의 가능.
Nuxt에서 이용

npm publish-time malware scanning and dual-use metadata - GitHub Changelog

github.blog/changelog/2026-07-28-npm-publish-time-malware-scanning-and-dual-use-metadata/

npm security article

npm의 publish할 때 멀웨어 스캔과 dual-use content 대상 메타 데이터에 대하여.
새롭게 publish된 패키지는, 설치 가능하기 전에 스캔 됨.
결과에 대해 통상적인 공개, 수동 리뷰, 블록처리 중 하나가 됨.
멀웨어로 오인될 가능성이 있는 패키지는 package.json의 contentPolicy와 DISCLOSURE 파일에서 dual-use content를 선언하는 구조 추가.
선언된 패키지는 2FA를 강제하는 trusted publishing, 대화적 publish, staged publishing에서 공개 필요함.

Cloudflare Workers and Containers now support inbound TCP connections and gRPC | The Cloudflare Blog

blog.cloudflare.com/grpc-workers/

cloudflare JavaScript server article

Cloudflare Workers와 Containers의 Inbound TCP/gRPC 대응에 대하여.
Workers Runtime에 connect(socket) 핸들러 추가, Spectrum 경유 TCP 소켓를 Workerで에서 처리.
Durable Objects에서 Containers의 TCP포트로 전송하고, Container 상의 gRPC 서버를 양방향 스트리밍을 다룸.
@connectrpc/connect와 gRPC-web 변환에 의해, Worker만으로 Unary/Server Streaming의 gRPC API를 다룰 수 있음.

Web Streams API 입문 ― 기본개념부터 실전까지

zenn.dev/cybozu_frontend/articles/web-streams-api-guide

JavaScript article nodejs stream

Web Streams API 기본 개념부터 사용 방법에 대하여.
ReadableStream/TransformStream/WritableStream 역할에 대한 설명. tee나 Backpressure, Node.js Stream와 차이도 다룸.

소프트웨어, 도구, 라이브러리

octanejs/octane: Octane is an incredibly efficient React replacement UI library with improved developer ergonomics

github.com/octanejs/octane

React JavaScript library

Inferno 후속 React의 Hooks이나 Suspense에 가까운 모델을 컴파일해서 동작하는 UI 라이브러리.
Virtual DOM 사용하지 않고, TSX/TSRX 지원, Vite/Rspack/Rsbuild 대상 플러그인 제공.
조건적으로 Hooks이나 의존 배열업싱 useEffect, SSR/Streaming SSR 대응.

vercel-labs/scriptc: TypeScript-to-Native Compiler

github.com/vercel-labs/scriptc

TypeScript compiler Tools

TypeScript를 네이티브 실행파일로 컴파일하는 컴파일러.
TypeScript Compiler API로 자료형 체크하고, Typed IR의 LLVM/C백엔드에서 네이티브 코드로 컴파일함.
quickjs-ng를 사용해서 동적 JS 라이브러리를 다루는 구조를 가지고 있음.

Limitations | scriptc

TanStack/charts: A tiny TypeScript visualization grammar for responsive, accessible, server-rendered charts—powered by granular D3 primitives.

github.com/TanStack/charts

JavaScript SVG graphic library

D3 기반 차트 라이브러리.
defineChart으로 프레임워크 비의존 차트 정의를 작성, React/Vue/Solid/Svelte의 어댑터로 렌더링 가능.
SVG SSR, Canvas 렌더러, 접근성, 반응형 레이아웃 다루는 런타임도 포함.

TanStack Charts

2026-07-17: TypeScript 7.0, npm 12, Next.js 보안 출시 방침

Fri, 17 Jul 2026 00:07:18 +0900

JSer.info #776 - TypeScript 7.0가 출시되었다.

Announcing TypeScript 7.0 - TypeScript

Go으로 이식된 네이티브 tsc가, npm의 typescript 패키지로 공개된다.
TypeScript 6.0에서는 비권장이 된 target: es5이나 baseUrl 같은 설정이 에러가 된다.
또한, 병렬처리 제어하는 --checkers/--builders/--singleThreaded 옵션, 재작성된 --watch, LSP를 사용한 데이터 대응도 포함된다.
한 편으로는, 프로그램 대상 API는 아직 공개되어 있지 않아, Vue 같은 TypeScript API 이용하는 도구는 TypeScript 7.0를 이용할 수 없는 경우도 있다.

npm 12가 출시되었다.

npm 12에는, 의존 패키지 라이프사이클 스크립트를 제어하는 allowScripts가 기본적으로 무효화된다.
또한, Git이나 리모트 URL에서 의존 패키지를 제어하는 --allow-git/--allow-remote도 기본적으로 none이 된다.
2026년 8월 초부터, 2FA를 회피하는 Granular Access Token은 계정이나 패키지 관리 조작에서 2FA를 생략할 수 없으며, 2027년 1월부터는 같은 토큰을 사용해 직접 publish도 할 수없게 할 예정.

Next.js가 보안 출시의 새로운 방침을 발표했다.

Next.js Security Release and Our Next Patch Release | Next.js

앞으로는 월 1회 정도, 대상 버전과 취약성 최대심각도를 사전 고지하고, 보안 출시 공개할 방침이다.
시급성이 높거나 실제 악용되고 있는 취약성은, 이전처럼 임시 패치로 공개한다.
2026년 7월 20일 공개를 목표로하고, Next.js 16.2와 15.5 대상 패치가 될 예정이다.

헤드라인

Release pnpm 11.10 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v11.10.0

pnpm ReleaseNote

pnpm v11.10.0 출시.
pnpm issues/pnpm prefix 명령어 추가, pnpm_config__auth 환경 변수에서 _auth 설정 지원.
pnpm self-update의 pnpm v12 대응.
pnpm up -r <pkg>가 관계없는 패키지를 업데이트하는 문제, pnpm pack-app 경로 검증 수정.

Chrome 150 | Release notes | Chrome for Developers

developer.chrome.com/release-notes/150

Chrome browser css DOM WebGPU ReleaseNote

Chrome 150 출시.
CSS AccentColor/AccentColorText, polygon() 둥금 지정, text-fit 지원.
CSS url()의 cross-origin()/integrity()/referrer-policy() 수식자 지원.
DOM에는 focusgroup 속성, popover=hint 동작 변경.
Element/Window 스크롤 메서드가 Promise를 반환하도록 변경.
WebGPU의 setImmediateData(), PWA의 origin migration.
Origin Trial으로 performance.getSpeculations() 추가

New in Chrome 150 | Blog | Chrome for Developers

Electron 43 | Electron

www.electronjs.org/blog/electron-43-0

Electron ReleaseNote

Electron 43 출시.
Chromium 150.0.7871.46, Node.js v24.17.0, V8 15.0으로 업데이트.
파일 다운로드할 때 파일 다이얼로그가, 기존에 Downloads 폴더를 열도록 변경.
WebContents 인스턴스의 clone(), macOS의 Notification.remove()/Notification.removeAll() 추가.
globalShortcut.setSuspended() 추가, startup snapshot이나 V8 bytecode cache에 의한 기동 성능 개선

Announcing TypeScript 7.0 - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-7-0/

TypeScript ReleaseNote

TypeScript 7.0 출시.
Go로 이식된 네이티브 tsc를 npm의 typescript 패키지로 공개.
TypeScript 6.0에서 비권장이 된 target: es5/baseUrl는 에러가 된다.
--checkers/--builders/--singleThreaded에 의한 병렬 처리 제어 추가.
--watch를 Parcel의 file watcher를 본래대로 돌림, LSP 대응 포함.
한 편으로 프로그램 대상 API는 공개되지 않아, Vue 같이 TypeScript API를 사용하는 도구로 아직 동작하지 경우도 있음.

Better Auth is joining Vercel

better-auth.com/blog/better-auth-joins-vercel

TypeScript vercel news nodejs

Vercel가 Better Auth 매수 발표.
Better Auth는 TypeScript로 만든 인증 라이브러리, MIT 라이센스 개발 체제 유지할 예정.
Agent Auth Protocol 개발을 지속하고, Vercel Connect나 Eve으로 에이전트 ID 관리를 포함할 예정.

Vercel acquires Better Auth to accelerate open source auth - Vercel

npm install-time security and GAT bypass2fa deprecation - GitHub Changelog

github.blog/changelog/2026-07-08-npm-install-time-security-and-gat-bypass2fa-deprecation/

npm security ReleaseNote

npm v12 출시.
allowScripts가 기본적으로 무효화되어, --allow-git/--allow-remote은 기본적으로 none가 됨.
2FA를 회피하는 Granular Access Token은, 2026년 8월부터 계정이나 패키지 관리 조작에 2FA를 생략할 수 없음.
2027년 1월부터는 2FA를 회피하는 Granular Access Token를 사용해 직접 publish도 할 수없게 될 예정.
자동 공개에는 Trusted Publishing, 또한 사람에 의한 2FA 인증하는 Staged Publishing 으로 이행을 권장

Release v12.0.0 · npm/cli

Node.js — Node.js 26.5.0 (Current)

nodejs.org/en/blog/release/v26.5.0

nodejs ReleaseNote

Node.js v26.5.0 출시.
Blob.prototype.textStream(), --experimental-import-text, ReadableStreamTee 추가.
perf_hooks.monitorEventLoopDelay에 samplePerIteration 옵션 추가

읽을거리

Your Worker can now have its own cache in front of it

blog.cloudflare.com/workers-cache/

cloudflare JavaScript article

Cloudflare Workers Cache에 대하여.
Worker 사전 캐시를, wrangler.jsonc의 cache.enabled에서 유효화 가능.
Cache-Control/Vary에 대응, ctx.cache.purge()에서 태그나 경로에 의한 삭제가 가능.

Next.js Security Release and Our Next Patch Release | Next.js

nextjs.org/blog/next-security-release-program

Next.js security article

Next.js 보안 출시 방침에 대하여.
앞으로는 월 1회 정도 사전 고지하고 출시를 공개, 긴급할 때는 기존처럼 임시 패치를 공개할 예정.
2026년 7월 20일 공개를 목표하고, Next.js 16.2와 15.5 대상 패치 예정됨.

웹사이트, 서비스, 문서

Blume — fast, AI-ready, markdown-first docs

useblume.dev/

Tools Markdown document AI

Markdown/MDX에서 문서 사이트를 생성하는 도구.
blume init/blume dev/blume build 같은 CLI 제공, Astro와 Vite를 사용해 정적 HTML를 생성.
검색, OpenAPI/AsyncAPI에서 생성된 API 레퍼런스, llms.txt, MCP 서버, Ask AI 기능을 갖음.

소프트웨어, 도구, 라이브러리

samchon/ttsc: A `typescript-go` toolchain for compiler-powered plugins and type-safe execution + 500x faster lint integrated into compiler

github.com/samchon/ttsc

TypeScript Tools nodejs lint

typescript-go를 사용한 TypeScript 대상 툴체인.
빌드, 자료형 체크 실행, Lint, Format 도구를 제공.
Vite/Rollup/esbuild/webpack/Rspack/Next.js 대상 플러그인도 제공.

theMackabu/ant: javascript for 🐜's, a tiny runtime with big ambitions

github.com/theMackabu/ant

JavaScript C TypeScript Tools

C로 구현된 작은 JavaScript Runtime.
WinterTC Minimum Common API 호환 구현을 목표로 하고 있음.

Wordgard

wordgard.net/

JavaScript TypeScript editor library

리치 텍스트 에디터 대상 JavaScript 라이브러리.
ProseMirror/CodeMirror 제작자가 개발, 스키마 기반 문서 구조와, CodeMirror 스러운 확장 기능을 갖음.

Wordgard Release 0.1

inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.

github.com/inokawa/virtua/

React Vue Solid Svelte library

React/Vue/Solid/Svelte 대상 Virtual Scroll 컴포넌트 라이브러리.
VList/Virtualizer/WindowVirtualizer/experimental_VGrid를 제공, 가변 크기, 횡 스크롤, Window 스크롤, 그리드 게시에 대응.

unjs/httpxy: 🔀 A Full-Featured HTTP and WebSocket Proxy for Node.js

github.com/unjs/httpxy

nodejs HTTP WebSocket library

Node.js 대상 HTTP/WebSocket 프록시 라이브러리.
Fetch API 호환 proxyFetch, WebSocket Upgrade 대상 proxyUpgrade, createProxyServer 제공.
Unix Socket, changeOrigin, xfwd, 리다이렉트나 Cookie 갈아 끼우기에도 대응.

2026-07-05: Deno 2.9, Vite 8.1, ES2026

Sun, 05 Jul 2026 12:58:38 +0900

JSer.info #775 - Deno 2.9가 출시되었다.

Deno 2.9 | Deno

실험적 기능으로, Web 기술을 사용한 데스크탑 애플리케이션을 작성하는 deno desktop가 추가되었다.
deno install은, npm/pnpm/yarn/Bun의 lockfile를 읽어 deno.lock를 작성할 수 있도록 한다.
또한, npm 패키지가 새로운 버전을 바로 설치하지 않는 min-release-age=24h가 기본 유효화되었다.
그 외로는, deno test의 --changed/--retry/--shard, deno compile의 --include-as-is/--bundle/--watch, deno fmt의 설정 항목이 추가되었다.

Vite 8.1가 출시되었다.

Vite 8.1 is out! | Vite

실험적 기능으로, 개발할 때 번들한 파일 배포하는 --experimental-bundle가 추가되었다.
또한, 출력 청크의 해시 변경이 연쇄적 문제를 피하기 위한 Chunk Import Map가 추가되었다.
Wasm ESM integration 지원, import.meta.glob의 caseSensitive 옵션, html.additionalAssetSources에 의한 HTML 내 에셋 검출 설정도 추가되었다.

ECMAScript 2026가 출시되었다.

Release ES2026 · tc39/ecma262

2026년 6월 30일에 Ecma에서 승인된 정식 출시.
Array.fromAsync, Uint8Array.prototype.toBase64()/Uint8Array.fromBase64(), Iterator.concat()가 추가되었다.
또한, Math.sumPrecise(), Error.isError(), Map.prototype.getOrInsert()도 추가되었다.

To support JSer.info

😘 Recommend JSer.info to your friends!
❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
🐦 Follow @jser_info on X(Twitter)

헤드라인

Node.js — Node.js 24.18.0 (LTS)

nodejs.org/en/blog/release/v24.18.0

nodejs ReleaseNote

Node.js v24.18.0 (LTS) 출시.
Buffer.poolSize 기본값을 64 KiB으로 변경, Web Crypto에 TurboSHAKE/KangarooTwelve 추가.
http.writeInformation() 출시, crypto.diffieHellman()으로 키 데이터를 받을 수 있도록 변경

pnpm 11.9 | pnpm

pnpm.io/blog/releases/11.9

pnpm ReleaseNote

pnpm 11.9 출시.
registry가 checksum를 제공하지 않는 tarball의 integrity를 계산해 lockfile으로 기록할 수 있도록 변경.
pnpm sbom --exclude-peers 출시, pnpm audit --fix의 minimumReleaseAgeExclude 출력 형식을 수정

Announcing Rspack 2.1 - Rspack

rspack.rs/blog/announcing-2-1

rspack ReleaseNote

Rspack 2.1 출시.
builtin:swc-loader에서의 React Compiler 지원, import.meta.glob 지원 추가.
CircularCheckRspackPlugin 출시, TypeScript 7를 사용한 자료형 체크 지원.
module.parser.javascript.createRequire, css/global, experiments.sourceImport 추가.
cache.maxAge/cache.maxVersions으로 영속성 캐시 자동 삭제 추가.
experiments.pureFunctions를 production mode으로 기본 유효화, 의존 관계의 Tree Shaking 개선

Deno 2.9 | Deno

deno.com/blog/v2.9

deno ReleaseNote

Deno v2.9 출시.
실험적 기능으로 deno desktop 출시, deno install의 npm/pnpm/yarn/Bun lockfile 읽기 대응.
deno list/deno link/deno unlink 출시.
min-release-age=24h 기본적으로 유효화, trust-policy=no-downgrade 출시.
deno testに--changed/--retry/--shard 플래그 추가.
deno compileに--include-as-is/--bundle/--watch 추가.
deno fmtにsortNamedImports/json.trailingCommas/.editorconfig 대응 추가.

Prettier 3.9: Major parser upgrades and Formatting improvements · Prettier

prettier.io/blog/2026/06/27/3.9.0

JavaScript Tools ReleaseNote TypeScript css

Prettier 3.9 출시.
Markdown 파서를 micromark v4, YAML 파서를 yaml v2으로 변경.
GraphQL.js v17의 구문과 Rust 기반의 Flow 파서를 지원.
import ... assert 구문 지원를 삭제, --no-semi에서의 주석 처리 개선

Vite 8.1 is out! | Vite

vite.dev/blog/announcing-vite8-1

vite ReleaseNote

Vite 8.1 출시.
실험적 기능으로 --experimental-bundle 추가, 개발할 때 번들도 배포 대응, Chunk Import Map 출시.
Wasm ESM integration, import.meta.glob의 caseSensitive 옵션 추가.
html.additionalAssetSources에서 HTML 내의 독자 요소나 속성에서 에셋 검출을 설정하도록.

Release 1.0.0 🎉 · hunvreus/basecoat

github.com/hunvreus/basecoat/releases/tag/1.0.0

JavaScript css HTML library ReleaseNote

Basecoat 1.0.0 출시.
Tailwind CSS와 HTML/CSS/JavaScript으로 구현한 shadcn/ui 호환의 컴포넌트 라이브러리.
React나 Radix 실행할 때 의존없이, CDN/npm/템플릿에서 이용 가능.

Next.js 16.3: Instant Navigations | Next.js

nextjs.org/blog/next-16-3-instant-navigations

Next.js React ReleaseNote

Next.js 16.3 Preview 출시.
Next.js 16.3으로 실험적 기능으로 추가되는 Instant Navigations에 대하여.
cacheComponents와 partialPrefetching 옵션에 의해, Instant route 째로 한 번 캐시가 만들어지고, 페이지네이션이 즉각적으로 게시되는 구조에 대하여

Release ES2026 · tc39/ecma262

github.com/tc39/ecma262/releases/tag/es2026

ECMAScript JavaScript ReleaseNote

ECMAScript 2026 출시.
2026년 6월 30일 Ecma에서 승인된 정식 출시.
Array.fromAsync, Uint8Array.prototype.toBase64()/Uint8Array.fromBase64() 추가.
Iterator.concat(), Math.sumPrecise(), Error.isError(), Map.prototype.getOrInsert() 출시.

Announcing Vite+ Beta | VoidZero

voidzero.dev/posts/announcing-vite-plus-beta

vite CLI Tools ReleaseNote

Vite+ Beta 출시.
vp run 캐시 개선, vp migrate 대응 범위 개선, proxy와 커스텀 CA에 대응한 HTTP 처리 출시.

읽을거리

Flow has been ported to Rust | Flow

medium.com/flow-type/flows-ocaml-to-rust-port-78b95bcf49e9

JavaScript flowtype Rust article

Flow를 OCaml에서 Rust으로 이식한 이야기.
AI를 사용해 행 째로 이식, OCaml와 Rust 차이, 이식 후의 빌드나 테스트에 대해 작성되어 있음. 코드 프리즈없이 이식함.

Introducing the Safari MCP server for web developers | WebKit

webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/

safari browser MCP Tools article

Safari Technology Preview 247에 추가된 Safari MCP server에 대하여.
AI Agent에서 Safari 탭을 조작, DOM/네트워크/콘솔/스크린샷을 참조 가능.
safaridriver --mcp으로 기동, navigate_to_url/evaluate_javascript/screenshot 도구를 제공.

웹사이트, 서비스, 문서

Introduction | pnpm

pnpm.io/pnpr/

pnpm Rust npm server document

npm registry server인 pnpr에 대하여.
Rust으로 작성되어, npm registry protocol에 대응하기 위해 pnpm/npm/yarn에서 이용 가능.
lockfile의 resolve를 서버 측에서 일어나고 round trip를 적게함.
PolyForm Shield License으로 공개됨.

소프트웨어, 도구, 라이브러리

facebook/astryx: An open source design system that's fully customizable and agent ready

github.com/facebook/astryx

React Design Tools library

React와 StyleX에서 구현된 Meta 디자인 시스템.
@astryxdesign/core으로 컴포넌트와 테마를 제공, @astryxdesign/cli으로 템플릿/scaffolding/테마/codemod를 다룸.

jayu/rev-dep: Dependency analysis and optimization toolkit for modern JavaScript and TypeScript codebases. Enforce dependency graph hygiene and remove unused code with a very fast CLI.

github.com/jayu/rev-dep

JavaScript TypeScript CLI Tools

JavaScript/TypeScript 대상 의존관계 해석 CLI 도구.
rev-dep config run으로 모듈의 의존관계의 순환참조나 데드코드 등 체크할 수 있음.

2026-06-22: TypeScript 7.0 RC, Babel 8.0.0, React Router v8

Mon, 22 Jun 2026 22:14:54 +0900

JSer.info #774 - TypeScript 7.0 RC가 출시되었다.

Announcing TypeScript 7.0 RC - TypeScript

Go언어로 이식된 컴파일이 typescript@rc으로 공개되어, 기존 @typescript/typescript6와 병용할 수 있도록 되었다.
--checkers/--builders/--singleThreaded 옵션이나, --watch 개선 추가가 있다.
또한, strict/module/target 기본값 변경 및 target: es5이나 baseUrl 옵션 삭제도 있다.

Babel 8.0.0가 출시되었다.

ESM만 배포하도록 되어, Node.js 24 이후 버전이 필수가 되는 파괴적 변경도 포함된다.
@babel/preset-env는 기본적으로 ES5으로 컴파일하지 않게 되었으며, Browserslist 기본 설정（ES2023）를 타겟하도록 변경되었다.
loose/spec 옵션은 삭제되고, assumptions으로 이행이 권장된다.
corejs/useBuiltIns 옵션도 삭제되어, 대신 babel-plugin-polyfill-corejs3 플러그인 이용이 권장된다.
Babel 7은 2027년 6월까지 보안 지원이 계속된다.

React Router v8가 출시되었다.

React Router v8 | Remix

Node.js 22.22.0 이상 / React 19.2.7 이상 / Vite 7 이상이 최소 지원 버전이 되어, ESM만 배포하도록 변경되었다.
future.v8_middleware/future.v8_viteEnvironmentApi의 Future Flag가 기본적으로 유효화되었다.
react-router-dom, meta API의 data 인수, @react-router/dev/vite/cloudflare 삭제되었다.
React Router v6와 Remix v2는 EOL가 되어, 이후는 React Router v7에 보안 업데이트 갱신만 제공된다.

To support JSer.info

😘 Recommend JSer.info to your friends!
❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
🐦 Follow @jser_info on X(Twitter)

헤드라인

Dependabot version updates now support the Deno ecosystem - GitHub Changelog

github.blog/changelog/2026-06-09-dependabot-version-updates-now-support-the-deno-ecosystem/

GitHub deno npm package Actions news

Dependabot의 version updates가 Deno 에코시스템에 대응함.

Bytecode Alliance — WASI 0.3 Launched

bytecodealliance.org/articles/WASI-0.3

WebAssembly ReleaseNote

WASI 0.3 출시.
WebAssembly Component Model 네이티브 기능으로 비동기처리가 내장되어, stream<T>/future<T>/async가 Canonical ABI에 추가됨.
WASI 0.2에는 각 컴퓨넌트 독자 이벤트 루프를 갖을 필요가 있었지만, 호스트가 공유 이벤트 루프를 관리하는 설계로 변경했다.
앞으로 start-foo/finish-foo/subscribe 패턴이 async func으로 변환되고, 스트리밍 에러 핸들링도 독립된 future로 다루도록 되었다.

Biome v2.5—500 Lint Rules, Plugin Code Fix, and Cross-File Linting | Biome

biomejs.dev/blog/biome-v2-5/

biome ReleaseNote ESLint css

Biome v2.5 출시.
CSS 클래스를 파일 횡단으로 해석하는 Lint 규칙 noUndeclaredClasses/noUnusedClasses 추가.
GritQL 플러그인이 파일 경로째로 적용 및=>로 인한 코드픽스를 지원.
Formatter에 delimiterSpacing 옵션 추가, lint/format/check에서 --watch 지원.
Language Server의 go-to-definition 대응, AI Agent 대상 concise 레포트 추가.

Releasing Babel 8 today: ESM-only, drop ES5 default, and a smooth migration path · Babel

babeljs.io/blog/2026/06/16/8.0.0/

babel ReleaseNote ECMAScript nodejs polyfill

Babel 8.0.0 출시.
ESM만 배포하도록 되어, Node.js 24 이후 버전이 필수가 되는 파괴적 변경도 포함.
@babel/preset-env가 기본적으로 ES5으로 컴파일하지 않게 되었고, Browserslist 기본적 설정이（ES2023）를 타겟하도록 변경.
loose/spec 옵션을 삭제, assumptions으로 이행을 권장.
corejs/useBuiltIns 옵션 삭제, babel-plugin-polyfill-corejs3 플러그인 이용을 권장.
모든 패키지에서 TypeScript 자료형 정의를 추가. 많은 AST 변경을 포함.
Babel 7은 2027년 6월까지 보안 지원를 지속.

Upgrade to Babel 8 (API) · Babel

pnpm 11.7 | pnpm

pnpm.io/blog/releases/11.7

pnpm ReleaseNote

pnpm 11.7 출시.
읽기 전용 파일 시스템 상에 스토어에 대응하는 frozenStore 설정, 동일 레지스트리 URL 하에 스코프별 인증 토큰 지정에 대응.
의존 관계 해결을 Rust 구현 Pacquet 사용

Release v1.61.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.61.0

playwright testing ReleaseNote

playwright v1.61.0 출시.
browserContext.credentials에서 WebAuthn의 passkey 다루도록.
page.localStorage/page.sessionStorage으로 Web Storage를 읽는 API 추가.
apiResponse.securityDetails()/apiResponse.serverAddr(), artifactsDir 옵션, -G 옵션 추가.

React Router v8 | Remix

remix.run/blog/react-router-v8

React ReleaseNote

React Router v8 출시.
Node.js 22.22.0+/React 19.2.7+/Vite 7+가 최소 지원 버전이 되어, ESM으로만 배포하도록 변경.
future.v8_middleware/future.v8_viteEnvironmentApi Future Flag 기본값으로.
react-router-dom, meta API의 data 인수, @react-router/dev/vite/cloudflare를 삭제.
React Router v6와 Remix v2는 EOL가 되어, 앞으로는 React Router v7으로 보안 갱신만 제공.

News from WWDC26: WebKit in Safari 27 beta | WebKit

webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/

safari browser ReleaseNote css JavaScript

Safari 27 beta 출시.
CSS의 appearance: base-select로 <select> 커스터마이즈, Scroll Anchoring, position-anchor: normal 추가.
JavaScript는 Top-Level Await 문제를 수정, WebAssembly JSPI를 지원.
Web API는 Service Worker Static Routing API, ReadableStream.from(), Stream의 postMessage() 전송 지원.

Announcing TypeScript 7.0 RC - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-7-0-rc/

TypeScript ReleaseNote go

TypeScript 7.0 RC 출시.
Go로 이식된 컴파일러 typescript@rc 공개, @typescript/typescript6와 병용에 대응.
--checkers/--builders/--singleThreaded, --watch 개선을 추가.
strict/module/target 기본값으로 변경, target: es5/baseUrl 삭제 포함

읽을거리

Upcoming breaking changes for npm v12 - GitHub Changelog

github.blog/changelog/2026-06-09-upcoming-breaking-changes-for-npm-v12/

npm security CLI article

npm v12 예정된 파괴적 변경 해설. 2026년 7월 출시 예정 npm v12에는, 공급망 공격 대책으로, 라이프사이클 스크립트 실행이 변경됨.
preinstall/install/postinstall 스크립트가 기본적으로 실행되지 않으며, npm approve-scripts로 인증된 패키지만이 실행함.
--allow-git/--allow-remote 기본값이 none이 되어, Git 의존이나 원격 URL에서 의존 해결이 명시적으로 허용되지 않게 됨.

Why pnpm no longer expands environment variables in a repository's .npmrc | pnpm

pnpm.io/blog/2026/06/11/env-variables-in-repository-npmrc

pnpm security npm article

악의적인 레포지토리에서 .npmrc를 사용해 환경 변수를 훔치는 문제의 대책으로, pnpm가 레포지토리 관리 .npmrc으로 환경 변수 전개하지 않도록한 경위 해설.
v10.34.2/v11.5.3 이후, 레포지토리 내의 .npmrc나 pnpm-workspace.yaml 인증 정보 레포지토리 URL에 포함하는 ${...}는 전개되지 않도록 됨.
유저 레벨 ~/.npmrc이나 PNPM_CONFIG_NPMRC_AUTH_FILE으로 지정되는 .npmrc에는 계속해서 전개 가능.

CAND-PNPM-122: Repository config can expand victim environment secrets into registry requests before scripts run · Advisory · pnpm/pnpm

Introducing the MDN MCP server

developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/

mdn MCP document browser AI article

MDN MCP server에 대하여
MCP 경유로 MDN 검색, 문서, 브라우저 호환성 데이터를 LLM이나 에디터에서 참조 가능.
실험적인 서버로, 이용할 떄 쿼리 데이터를 보존하는 것에 대해 해설됨.

웹사이트, 서비스, 문서

Introducing eve - Vercel

vercel.com/blog/introducing-eve

AI TypeScript library

Vercel에 의한 AI 에이전트 프레임워크 Eve에 대하여.
instructions.md/agent.ts/tools/ 디렉토리 구성으로 에이전트를 정의하는 프레임워크.
Durable execution, Sandbox, Human-in-the-loop approvals, Subagents, Evals 다룸

vercel/eve: The Framework for Building Agents

Rust Roadmap · Issue #11633 · pnpm/pnpm

github.com/pnpm/pnpm/issues/11633

pnpm Rust issue

pnpm의 Rust 구현 Pacquet 로드맵 Issue.
resolve를 필요로 하지않는 pacquet install --frozen-lockfile에서 대응, resolveの 대응 진행.
또한 pnpm에는 install-backend=pacquet 설정 통합해 갈 예정.

소프트웨어, 도구, 라이브러리

nubjs/nub: The all-in-one Node.js toolkit

github.com/nubjs/nub

nodejs Rust Tools

Node.js 대상 Rust제 툴킷.
TypeScript 파일이나 package.json 스크립트 실행, nub install로 의존관계 설치나 패키지 관리, nub node로 Node.js 버전 관리 가능.
Runtime으로 Polyfill 포함하는 Node.js를 이용, 내부적으로 Rust로 작성된 패키지 매니저 aube와 OXC를 이용.

Nub — an all-in-one toolkit for Node.js

2026-06-09: pnpm 11.5, Node.js 26.3.0, Cloudflare가 VoidZero 매수

Tue, 09 Jun 2026 12:06:21 +0900

JSer.info #773 - pnpm 11.5 출시되었다.

Release pnpm 11.5 · pnpm/pnpm

새로운 기능으로, 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)

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 ReleaseNote

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

nodejs ReleaseNote

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

nodejs ReleaseNote

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 browser ReleaseNote css

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 news

Cloudflare가 Vite나 Oxc 등을 개발하는 VoidZero 매수.

VoidZero is Joining Cloudflare | VoidZero

읽을거리

Declarative partial updates | Blog | Chrome for Developers

developer.chrome.com/blog/declarative-partial-updates

Chrome HTML WebAPI DOM stream article

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

JavaScript performance diff library article

Pierre가 개발한 diff 렌더링 라이브러리 @pierre/diffs 구현 해설.
거대한 코드 차분을 브라우저에서 효율적으로 렌더링 하기 위해서, 가상화나 메모리 최적화 수법 작성.
sticky positioning을 반전하여 스크롤 중 공백 게시를 막는 방법, 행 범위 렌더링에서 이진 탐색, DOM 요소를 재이용함으로 GC를 피하도록 제작.
또한, Shiki에 의한 구문 하이라이트 Worker 쓰레드화와 LRU 캐시에 대해서도 다뤄짐.

슬라이드, 영상

TSKaigi 2026 발표 자료 모음

zenn.dev/yasse/articles/a7240304af804c

TypeScript Conference slide

TSKaigi 2026 스라이드 자료 모음.

TSKaigi 2026

Oxlint 커스텀 규칙 현황 - Speaker Deck

speakerdeck.com/syumai/oxlint-custom-rule

ESLint Rust slide JavaScript

Oxlint 커스텀 규칙에 대한 슬라이드.
Rust로 만든 Linter인 Oxlint에서, ESLint 호환 커스텀 규칙을 추가 가능한 JS Plugin（알파판）기능과 성능에 대해 소개.
기존의 ESLint 플러그인 동작이나 tsgolint, corsa-bind에 대해서도 다룸

웹사이트, 서비스, 문서

SoraKumo001/satoru

github.com/SoraKumo001/satoru

WebAssembly HTML css SVG PDF Image library

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

AI browser automation playwright library

Microsoft에서 만든 브라우저 에이전트 프레임워크.
에이전트가 개별 브라우저 조작을 예측하는 것이 아닌 Playwright를 사용해 Python 코드 생성하고 실행.
반복적인 에이전트 규칙과 디렉토리를 workspace으로 다뤄 매번 사용하고 버리면서 세션을 진행하는 방식

pionxzh/wakaru: 🔪📦 Javascript decompiler for modern frontend

github.com/pionxzh/wakaru

JavaScript Tools webpack bundler esbuild

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

JavaScript React library

Document Picture-in-Picture API를 다루는 React 컴포넌트 라이브러리.
리사이즈나 스타일 동기에 대응.

도서

기본부터 탄탄히 배우는 프론트엔드 테스트 입문 | 기술평론사

gihyo.jp/book/2026/978-4-297-15704-3

JavaScript test book

2026년 6월 26일 발매.
프론트엔드 테스트에 대한 도서