From c1b4151db0a6413e1d577f4442b028fbe96774f3 Mon Sep 17 00:00:00 2001 From: 0w0 <55968557+rewrite0w0@users.noreply.github.com> Date: Mon, 6 Jul 2026 15:36:59 +0900 Subject: [PATCH] translate: 2026-07-05 article --- .../2026-07-05-deno-2.9-vite-8.1-es2026.md | 234 ++++++++++++++++++ 1 file changed, 234 insertions(+) create mode 100644 _i18n/ko/_posts/2026/2026-07-05-deno-2.9-vite-8.1-es2026.md diff --git a/_i18n/ko/_posts/2026/2026-07-05-deno-2.9-vite-8.1-es2026.md b/_i18n/ko/_posts/2026/2026-07-05-deno-2.9-vite-8.1-es2026.md new file mode 100644 index 00000000000..79779919bad --- /dev/null +++ b/_i18n/ko/_posts/2026/2026-07-05-deno-2.9-vite-8.1-es2026.md @@ -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 %} + +---- + +

헤드라인

+ +---- + +## 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)") +

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](https://pnpm.io/blog/releases/11.9 "pnpm 11.9 | pnpm") +

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](https://rspack.rs/blog/announcing-2-1 "Announcing Rspack 2.1 - Rspack") +

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](https://deno.com/blog/v2.9 "Deno 2.9 | Deno") +

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](https://prettier.io/blog/2026/06/27/3.9.0 "Prettier 3.9: Major parser upgrades and Formatting improvements · Prettier") +

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](https://vite.dev/blog/announcing-vite8-1 "Vite 8.1 is out! | Vite") +

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](https://github.com/hunvreus/basecoat/releases/tag/1.0.0 "Release 1.0.0 🎉 · hunvreus/basecoat") +

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](https://nextjs.org/blog/next-16-3-instant-navigations "Next.js 16.3: Instant Navigations | Next.js") +

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](https://github.com/tc39/ecma262/releases/tag/es2026 "Release ES2026 · tc39/ecma262") +

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](https://voidzero.dev/posts/announcing-vite-plus-beta "Announcing Vite+ Beta | VoidZero") +

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](https://medium.com/flow-type/flows-ocaml-to-rust-port-78b95bcf49e9 "Flow has been ported to Rust | Flow") +

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/](https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/ "Introducing the Safari MCP server for web developers | WebKit") +

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/](https://pnpm.io/pnpr/ "Introduction | pnpm") +

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](https://github.com/facebook/astryx "facebook/astryx: An open source design system that's fully customizable and agent ready") +

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](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.") +

JavaScript TypeScript CLI Tools

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