diff --git a/_i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md b/_i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md index 0dc7d47b642..0dcb1561342 100644 --- a/_i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md +++ b/_i18n/ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md @@ -1,5 +1,5 @@ --- -title: "2024-08-15のJS: Node v22.6.0(`--experimental-strip-types`)、Firefox 129、" +title: "2024-08-15のJS: Node v22.6.0(`--experimental-strip-types`)、Firefox 129" author: "azu" layout: post date: 2024-08-14T15:21:42.119Z @@ -133,7 +133,7 @@ CSSの`@starting-style` と `transition-behavior:allow-discrete`について。 [supabase.com/blog/postgres-new](https://supabase.com/blog/postgres-new "postgres.new: In-browser Postgres with an AI interface")

PostgreSQL browser article

-PostgrasをWasmとして動かすPGliteを使ってブラウザ上で分析やビジュアライズができる postgres.new について +PostgresをWasmとして動かすPGliteを使ってブラウザ上で分析やビジュアライズができる postgres.new について ---- diff --git a/_i18n/ko/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md b/_i18n/ko/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md new file mode 100644 index 00000000000..cdd70ca33ee --- /dev/null +++ b/_i18n/ko/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md @@ -0,0 +1,195 @@ +--- +title: "2024-08-15: Node v22.6.0(`--experimental-strip-types`), Firefox 129" +author: "azu" +translator: rewrite0w0 +layout: post +date: 2024-08-14T15:21:42.119Z +category: JSer +tags: +- browser +- nodejs +- Firefox +- security +- RegExp + +--- + +JSer.info #703 - Node.js v22.6.0가 출시되었어요. + +- [Node.js — Node v22.6.0 (Current)](https://nodejs.org/en/blog/release/v22.6.0) + +실험적 기능으로, 자료형 표기를 제거해 TypeScript 파일 실행하는 `--experimental-strip-types` 플래그가 추가되었어요. + +- 관련: [Node.js의 TypeScript 지원에 대하여](https://gist.github.com/azu/ac5dafbf211ef8b5ecf386930ac75250) + +그리고, Node.js DevTools에서 Network Inspection 지원하는 `--experimental-network-inspection` 추가도 있었어요. + +---- + +Firefox 129가 출시되었어요. + +- [Firefox 129 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/129) +- [Firefox 129.0, See All New Features, Updates and Fixes](https://www.mozilla.org/en-US/firefox/129.0/releasenotes/) + +CSS `@starting-style`/`transition-behavior` 프로퍼티 지원, `Float16Array` 지원, Web Crypto API에서 `Ed25519` 지원이 추가되었어요. + +그리고, Firefox 129에서는, Puppeteer가 필요로한 WebDriver BiDi 구현이 완료되어, Puppeteer가 정식으로 Firefox를 지원해요. +상세한 내용은 다음 글에서 확인 가능해요. + +- [WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer  |  Blog  |  Chrome for Developers](https://developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi) +- [Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/) + + +---- + +{% include inline-support.html %} + +---- + +

헤드라인

+ +---- + +## Node.js — Node v22.6.0 (Current) +[nodejs.org/en/blog/release/v22.6.0](https://nodejs.org/en/blog/release/v22.6.0 "Node.js — Node v22.6.0 (Current)") +

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](https://github.com/pnpm/pnpm/releases/tag/v9.7.0 "Release pnpm 9.7 · pnpm/pnpm") +

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/](https://www.mozilla.org/en-US/firefox/129.0/releasenotes/ "Firefox 129.0, See All New Features, Updates and Fixes") +

Firefox ReleaseNote

+ +Firefox 129 출시. +CSS `@starting-style`/`transition-behavior` 프로퍼티 지원. +`Float16Array` 지원, Web Crypto API에서 `Ed25519` 지원 + +- [Firefox 129 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/129 "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/](https://eslint.org/blog/2024/08/eslint-v9.9.0-released/ "ESLint v9.9.0 released - ESLint - Pluggable JavaScript Linter") +

ESLint ReleaseNote

+ +ESLint v9.9.0 출시. +`eslint.config.ts` 지원. +TypeScript 실행하기 위해서 `jiti` 이용 + +- [jiti - npm](https://www.npmjs.com/package/jiti "jiti - npm") + +---- + +## Release Release v1.7.4 · axios/axios +[github.com/axios/axios/releases/tag/v1.7.4](https://github.com/axios/axios/releases/tag/v1.7.4 "Release Release v1.7.4 · axios/axios") +

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/](https://leaysgur.github.io/posts/2024/08/05/143855/ "JS로 작성된 ECMAScript RegExp 파서 비교 | Memory ice cubes") +

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](https://web.dev/blog/baseline-entry-animations?hl=en "Now in Baseline: animating entry effects  |  Blog  |  web.dev") +

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](https://supabase.com/blog/postgres-new "postgres.new: In-browser Postgres with an AI interface") +

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](https://www.oligo.security/blog/0-0-0-0-day-exploiting-localhost-apis-from-the-browser "0.0.0.0 Day: Exploiting Localhost APIs From the Browser | Oligo Security") +

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](https://developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi "WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer  |  Blog  |  Chrome for Developers") +

Firefox puppeteer article

+ +Firefox 129에서 WebDriver BiDi를 지원하므로, Puppeteer가 정식으로 Firefox 지원. +지금까지는 Firefox가 CDP(Chrome DevTools Protocol)를 부분적으로 구현했지만, Firefox 129에서는 CDP는 기본 무효가 됨 + +- [Firefox 129 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/129 "Firefox 129 for developers - Mozilla | MDN") +- [Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog](https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/ "Announcing Official Puppeteer Support for Firefox - Mozilla Hacks - the Web developer blog") + +---- + +## 소스코드 해석해서 사내용 UI 라이브러리 사용 상황을 자동으로 집계하기 +[tech.plaid.co.jp/analyze-internal-ui-library-usage](https://tech.plaid.co.jp/analyze-internal-ui-library-usage "소스코드 해석해서 사내용 UI 라이브러리 사용 상황을 자동으로 집계하기") +

TypeScript JavaScript Design React Tools article

+ +디자인 시스템의 UI 컴포넌트가 어떤 프로덕트에 이용되는가 집계하는 GitHub Actions에서 동작하는 스크립트. +실제 디자인 시스템 제공하고 있는 UI를 이용하고 있는 회수나, 위치 사용 상황을 가시화함으로, 사용하고 있지 않은 것을 삭제할 수 있도록 하는 구조 + + +---- +

웹사이트, 서비스, 문서

+ +---- + +## versotile-org/verso: A web browser that plays old world blues to build new world hope +[github.com/versotile-org/verso](https://github.com/versotile-org/verso "versotile-org/verso: A web browser that plays old world blues to build new world hope") +

Rust browser

+ +Servo 기반 Web 브라우저 작성 프로젝트 + +- [servo/servo: Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine](https://github.com/servo/servo "servo/servo: Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine") +- [Tauri update: embedding prototype, offscreen rendering, multiple webviews, and more! - Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine](https://servo.org/blog/2024/01/19/embedding-update/ "Tauri update: embedding prototype, offscreen rendering, multiple webviews, and more! - Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine") + +---- + +## goldbergyoni/nodebestpractices: :white\_check\_mark: The Node.js best practices list (July 2024) +[github.com/goldbergyoni/nodebestpractices](https://github.com/goldbergyoni/nodebestpractices "goldbergyoni/nodebestpractices: :white\_check\_mark: The Node.js best practices list (July 2024)") +

nodejs document

+ +Node.js 관련 가이드 2024년판 공개 + + +----