Merge pull request #1307 from rewrite0w0/translate/2025-08-07

translate: 2025-08-07 article

Author: azu

_i18n/ko/_posts/2025/2025-08-07-node.js-v22.18.0-lts-typescript-5.9-panda-css-v1.md

@@ -0,0 +1,201 @@
+---
+title: "2025-08-07: Node.js v22.18.0 (LTS), TypeScript 5.9, Panda CSS v1"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2025-08-07T14:55:45.648Z
+category: JSer
+tags:
+- nodejs
+- npm
+- css
+- TypeScript
+- vlt
+
+---
+
+JSer.info #744 - Node.js v22.18.0가 출시되었습니다.
+
+- [Node.js — Node.js v22.18.0 (LTS)](https://nodejs.org/en/blog/release/v22.18.0)
+
+이 출시에서는, `--experimental-strip-types` 플래그 없이, TypeScript 자료형을 제거하고 실행할 수 있습니다. 플래그 무효화하고 싶은 경우에는 `--no-experimental-strip-types`를 지정합니다.
+
+---
+
+TypeScript 5.9가 출시되었습니다.
+
+- [Announcing TypeScript 5.9 - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/)
+
+`tsc --init` 생성하는 설정 변경, `import defer` 지원, `--module node20` 지원, DOM API 설명 추가도 있습니다. 또한, 새로운 Inference from Usage 기능으로, 자료형 추론이 더 정확해집니다.
+
+---
+
+[Panda CSS](https://panda-css.com/) v1.0.0가 출시되었습니다.
+
+- [🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321](https://github.com/chakra-ui/panda/discussions/3321)
+
+TypeScript로 스타일을 작성할 수 있는 CSS in JS 프레임워크, 빌드할 때 스타일 생성하기 위한 Runtime 없이 동작합니다.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Node.js — Node.js v22.18.0 (LTS)
+[nodejs.org/en/blog/release/v22.18.0](https://nodejs.org/en/blog/release/v22.18.0 "Node.js — Node.js v22.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 v22.18.0 출시.
+`--experimental-strip-types` 플래그 없이, TypeScript 자료형을 제거해 실행 가능.
+플래그 무효화하고 싶다면 `--no--experimental-strip-types` 지정
+
+
+----
+
+## Node.js — Node.js v24.5.0 (Current)
+[nodejs.org/en/blog/release/v24.5.0](https://nodejs.org/en/blog/release/v24.5.0 "Node.js — Node.js v24.5.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v24.5.0 출시.
+OpenSSL 3.5으로 업그레이드, `--experimental-wasm-modules` 플래그 빼고도 Wasm 모듈 기본 지원.
+`NODE_USE_ENV_PROXY=1` 지정으로 `node:http`/`node:https`가 빌트인 프록시 지원, Web Locks API 구현
+
+- [src: add web locks api by IlyasShabi · Pull Request #58666 · nodejs/node](https://github.com/nodejs/node/pull/58666 "src: add web locks api by IlyasShabi · Pull Request #58666 · nodejs/node")
+
+----
+
+## Release v10.0.0 · kentcdodds/cross-env
+[github.com/kentcdodds/cross-env/releases/tag/v10.0.0](https://github.com/kentcdodds/cross-env/releases/tag/v10.0.0 "Release v10.0.0 · kentcdodds/cross-env")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+cross-env 10.0.0 출시.
+Node.js 18 지원 종료, ESM으로 다시 작성한 관리버전 출시
+
+
+----
+
+## Release pnpm 10.14 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v10.14.0](https://github.com/pnpm/pnpm/releases/tag/v10.14.0 "Release pnpm 10.14 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v10.14.0 출시.
+`devEngines.runtime` 지원
+
+
+----
+
+## Release 0.15.0 | StyleX
+[stylexjs.com/blog/v0.15.0](https://stylexjs.com/blog/v0.15.0 "Release 0.15.0 | StyleX")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">css</span> <span class="jser-tag">library</span></p>
+
+StyleX v0.15.0 출시.
+`enableMediaQueryOrder`으로 Media Query 정렬순 자동적으로 함, Dynamic styles 개선
+
+
+----
+
+## Announcing TypeScript 5.9 - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-9/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/ "Announcing TypeScript 5.9 - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.9 출시.
+`tsc --init`으로 생성하는 설정 변경, `import defer` 지원, `--module node20` 지원, DOM API 설명 추가
+
+
+----
+
+## 🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321
+[github.com/chakra-ui/panda/discussions/3321](https://github.com/chakra-ui/panda/discussions/3321 "🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Panda CSS 1.0.0 출시.
+TypeScript로 스타일 작성하는 CSS in JS 프레임워크. 빌드할 때 스타일 생성하기 위한, Runtime없이 동작
+
+
+----
+
+## Release oxlint v1.10.0 · oxc-project/oxc
+[github.com/oxc-project/oxc/releases/tag/oxlint\_v1.10.0](https://github.com/oxc-project/oxc/releases/tag/oxlint_v1.10.0 "Release oxlint v1.10.0 · oxc-project/oxc")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ReleaseNote</span> <span class="jser-tag">ESLint</span></p>
+
+oxlint 1.10.0 출시.
+
+
+----
+
+## Release @sveltejs/kit@2.27.0 · sveltejs/kit
+[github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%402.27.0](https://github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%402.27.0 "Release @sveltejs/kit@2.27.0 · sveltejs/kit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">ReleaseNote</span></p>
+
+svelte kit 2.27.0 출시.
+Remote Functions 추가
+
+- [Remote Functions · sveltejs/kit · Discussion #13897](https://github.com/sveltejs/kit/discussions/13897 "Remote Functions · sveltejs/kit · Discussion #13897")
+- [Remote functions • Docs • Svelte](https://svelte.dev/docs/kit/remote-functions "Remote functions • Docs • Svelte")
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## Centralized Dependency Management Made Simple
+[blog.vlt.sh/blog/catalogs](https://blog.vlt.sh/blog/catalogs "Centralized Dependency Management Made Simple")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vlt</span> <span class="jser-tag">npm</span> <span class="jser-tag">article</span></p>
+
+vlt가 catalog 지원.
+pnpm catalog처럼 `vlt.json` 파일에 의존 관계를 한 곳에서 관리 가능.
+
+
+----
+
+## 명령형 스타일 ARIA live regions：ARIA Notify 소개
+[zenn.dev/mehm8128/articles/aria-notify-introduction](https://zenn.dev/mehm8128/articles/aria-notify-introduction "명령형 스타일 ARIA live regions：ARIA Notify 소개")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">HTML</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">article</span></p>
+
+ARIA Notify API 관련
+
+
+----
+
+## npm trusted publishing with OIDC is generally available - GitHub Changelog
+[github.blog/changelog/2025-07-31-npm-trusted-publishing-with-oidc-is-generally-available/](https://github.blog/changelog/2025-07-31-npm-trusted-publishing-with-oidc-is-generally-available/ "npm trusted publishing with OIDC is generally available - GitHub Changelog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">security</span> <span class="jser-tag">article</span></p>
+
+GitHub Actions이나 GitLab CI/CD에서 OIDC으로 npm publish가 가능.
+CI에 secrets으로 npm registry의 tokenを 넣지 않아도, npm 쪽 Trusted Publisher 설정에 의해 CI에서 publish가 가능.
+npm 11.5.1 이후 버전 필요
+
+
+----
+
+## How we made JSON.stringify more than twice as fast · V8
+[v8.dev/blog/json-stringify](https://v8.dev/blog/json-stringify "How we made JSON.stringify more than twice as fast · V8")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">V8</span> <span class="jser-tag">article</span></p>
+
+V8의 `JSON.stringify` 고속화 관련하여.
+다음 조건을 달성할 때, stringify 고속 버스 가능
+
+- `JSON.stringify` 옵션 사용 않는다
+- `toJSON` 사용 않는다
+- Array-like한 객체를 포함하지 않는다
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## shuding/bidc: Bidirectional Channels for JavaScript
+[github.com/shuding/bidc](https://github.com/shuding/bidc "shuding/bidc: Bidirectional Channels for JavaScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+Comlink 같이 Web Worker나 iframe 같이 다른 컨텍스트와 통신하는 라이브러리.
+자동적으로 연결/재연결, devalue 사용한 다양한 데이터 송수신 가능
+
+
+----