Skip to content

translate: 2026-07-05 article #1386

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
azu merged 1 commit into from
Jul 6, 2026
Merged

translate: 2026-07-05 article #1386

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
234 changes: 234 additions & 0 deletions _i18n/ko/_posts/2026/2026-07-05-deno-2.9-vite-8.1-es2026.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,234 @@
---
title: "2026-07-05: Deno 2.9, Vite 8.1, ES2026"
author: "azu"
translator: rewrite0w0
layout: post
date: 2026-07-05T03:58:38.215Z
category: JSer
tags:
- Tools
- pnpm
- Rust
- React
- TypeScript

---

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

- [Deno 2.9 | Deno](https://deno.com/blog/v2.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가 출시되었다.

- [Vite 8.1 is out! | Vite](https://vite.dev/blog/announcing-vite8-1)

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

---

ECMAScript 2026가 출시되었다.

- [Release ES2026 · tc39/ecma262](https://github.com/tc39/ecma262/releases/tag/es2026)

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

----
{% include inline-support.html %}

----

<h1 class="site-genre">헤드라인</h1>

----

## Node.js — Node.js 24.18.0 (LTS)
[nodejs.org/en/blog/release/v24.18.0](https://nodejs.org/en/blog/release/v24.18.0 "Node.js — Node.js 24.18.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.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](https://pnpm.io/blog/releases/11.9 "pnpm 11.9 | pnpm")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://rspack.rs/blog/announcing-2-1 "Announcing Rspack 2.1 - Rspack")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://deno.com/blog/v2.9 "Deno 2.9 | Deno")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://prettier.io/blog/2026/06/27/3.9.0 "Prettier 3.9: Major parser upgrades and Formatting improvements · Prettier")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">css</span></p>

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](https://vite.dev/blog/announcing-vite8-1 "Vite 8.1 is out! | Vite")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://github.com/hunvreus/basecoat/releases/tag/1.0.0 "Release 1.0.0 🎉 · hunvreus/basecoat")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">css</span> <span class="jser-tag">HTML</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://nextjs.org/blog/next-16-3-instant-navigations "Next.js 16.3: Instant Navigations | Next.js")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">React</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://github.com/tc39/ecma262/releases/tag/es2026 "Release ES2026 · tc39/ecma262")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://voidzero.dev/posts/announcing-vite-plus-beta "Announcing Vite+ Beta | VoidZero")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">CLI</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>

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


----
<h1 class="site-genre">읽을거리</h1>

----

## Flow has been ported to Rust | Flow
[medium.com/flow-type/flows-ocaml-to-rust-port-78b95bcf49e9](https://medium.com/flow-type/flows-ocaml-to-rust-port-78b95bcf49e9 "Flow has been ported to Rust | Flow")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">flowtype</span> <span class="jser-tag">Rust</span> <span class="jser-tag">article</span></p>

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/](https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/ "Introducing the Safari MCP server for web developers | WebKit")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">browser</span> <span class="jser-tag">MCP</span> <span class="jser-tag">Tools</span> <span class="jser-tag">article</span></p>

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


----
<h1 class="site-genre">웹사이트, 서비스, 문서</h1>

----

## Introduction | pnpm
[pnpm.io/pnpr/](https://pnpm.io/pnpr/ "Introduction | pnpm")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">Rust</span> <span class="jser-tag">npm</span> <span class="jser-tag">server</span> <span class="jser-tag">document</span></p>

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


----
<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>

----

## facebook/astryx: An open source design system that&#039;s fully customizable and agent ready
[github.com/facebook/astryx](https://github.com/facebook/astryx "facebook/astryx: An open source design system that&#039;s fully customizable and agent ready")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Design</span> <span class="jser-tag">Tools</span> <span class="jser-tag">library</span></p>

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](https://github.com/jayu/rev-dep "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.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">CLI</span> <span class="jser-tag">Tools</span></p>

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


----
Loading