JSer.info #703 - Node.js v22.6.0가 출시되었어요.

Node.js — Node v22.6.0 (Current)

실험적 기능으로, 자료형 표기를 제거해 TypeScript 파일 실행하는 --experimental-strip-types 플래그가 추가되었어요.

관련: Node.js의 TypeScript 지원에 대하여

그리고, Node.js DevTools에서 Network Inspection 지원하는 --experimental-network-inspection 추가도 있었어요.

Firefox 129가 출시되었어요.

CSS @starting-style/transition-behavior 프로퍼티 지원, Float16Array 지원, Web Crypto API에서 Ed25519 지원이 추가되었어요.

그리고, Firefox 129에서는, Puppeteer가 필요로한 WebDriver BiDi 구현이 완료되어, Puppeteer가 정식으로 Firefox를 지원해요.
상세한 내용은 다음 글에서 확인 가능해요.

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 v22.6.0 (Current)

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

nodejs ReleaseNote

Node.js v22.6.0 출시.
실험적 기능으로, 자료형 표기 제거해서 TypeScript 파일 실행하는 --experimental-strip-types 플래그 추가.
Node.js DevTools에서 Network Inspection를 지원하는 --experimental-network-inspection 추가

Release pnpm 9.7 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v9.7.0

pnpm ReleaseNote

pnpm v9.7.0 출시.
corepack처럼 packageManager 필드 참조해 pnpm 버전 변경 가능한 manage-package-manager-versions 옵션 추가.
pnpm patch pkg으로 모든 버전 패키지에 패치를 부여할 수 있음

Firefox 129.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/129.0/releasenotes/

Firefox ReleaseNote

Firefox 129 출시.
CSS @starting-style/transition-behavior 프로퍼티 지원.
Float16Array 지원, Web Crypto API에서 Ed25519 지원

Firefox 129 for developers - Mozilla | MDN

ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/08/eslint-v9.9.0-released/

ESLint ReleaseNote

ESLint v9.9.0 출시.
eslint.config.ts 지원.
TypeScript 실행하기 위해서 jiti 이용

jiti - npm

Release Release v1.7.4 · axios/axios

github.com/axios/axios/releases/tag/v1.7.4

HTTP security library ReleaseNote

axios v1.7.4 출시.
CVE-2024-39338의 SSRF 대응.
서버에서만 baseURL가 지정되있는 경우에도, //example.com처럼 protocol-relative URL에서 baseURL 무시할 수 있던 것을, 강제적으로 상대 경로로 다루도록 변경.

읽을거리

JS로 작성된 ECMAScript RegExp 파서 비교 | Memory ice cubes

leaysgur.github.io/posts/2024/08/05/143855/

JavaScript RegExp AST article

JavaScript로 작성된 정규표현 파서 비교.
regjsparser/regexp-tree/regexpp

Now in Baseline: animating entry effects | Blog | web.dev

web.dev/blog/baseline-entry-animations?hl=en

css article

CSS @starting-style 와 transition-behavior:allow-discrete에 관하여.
@starting-style에 transition 시작할 때 스타일 지정 가능하며, allow-discrete으로 display:none 프로퍼티에 transition가 동작하도록

postgres.new: In-browser Postgres with an AI interface

supabase.com/blog/postgres-new

PostgreSQL browser article

Postgres를 Wasm로 동작하는 PGlite를 사용해 브라우저에서 분석이나 비주얼라이즈가 가능한 postgres.new

0.0.0.0 Day: Exploiting Localhost APIs From the Browser | Oligo Security

www.oligo.security/blog/0-0-0-0-day-exploiting-localhost-apis-from-the-browser

browser security article

웹사이트에서 0.0.0.0으로 리퀘스트가 통과되는 문제와 그 대책.
브라우저의 자체 차단 방법 업데이트나 Private Network Access 블록 방법

WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer | Blog | Chrome for Developers

developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi

Firefox puppeteer article

Firefox 129에서 WebDriver BiDi를 지원하므로, Puppeteer가 정식으로 Firefox 지원.
지금까지는 Firefox가 CDP(Chrome DevTools Protocol)를 부분적으로 구현했지만, Firefox 129에서는 CDP는 기본 무효가 됨