Fork me on GitHub

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

Translator: rewrite0w0 Edit on GitHub See Revisions

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

실험적 기능으로, 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가 출시되었다.

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


ECMAScript 2026가 출시되었다.

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


To support JSer.info


헤드라인


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 --fixminimumReleaseAgeExclude 출력 형식을 수정


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 fmtsortNamedImports/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.globcaseSensitive 옵션 추가.
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에 대하여.
cacheComponentspartialPrefetching 옵션에 의해, 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으로 모듈의 의존관계의 순환참조나 데드코드 등 체크할 수 있음.


Pull Request to this article
JSer.info Slackに参加する