Skip to content

Commit

Permalink
translate: 2024-08-15 article (#1215)
Browse files Browse the repository at this point in the history
  • Loading branch information
@rewrite0w0
rewrite0w0 authored Aug 16, 2024
1 parent e8350fb commit 4069158
Show file tree
Hide file tree
Showing 2 changed files with 197 additions and 2 deletions.
4 changes: 2 additions & 2 deletions ...ja/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md
View file
Original file line number Diff line number Diff line change
@@ -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
Expand Down Expand Up @@ -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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">PostgreSQL</span> <span class="jser-tag">browser</span> <span class="jser-tag">article</span></p>

PostgrasをWasmとして動かすPGliteを使ってブラウザ上で分析やビジュアライズができる postgres.new について
PostgresをWasmとして動かすPGliteを使ってブラウザ上で分析やビジュアライズができる postgres.new について


----
Expand Down
195 changes: 195 additions & 0 deletions ...ko/_posts/2024/2024-08-15-node-v22.6.0-experimental-strip-types-firefox-129-.md
View file
Original file line number Diff line number Diff line change
@@ -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 %}

----

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

----

## 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)")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>

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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>

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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p>

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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>

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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTTP</span> <span class="jser-tag">security</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

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


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

----

## 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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">RegExp</span> <span class="jser-tag">AST</span> <span class="jser-tag">article</span></p>

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


----

## Now in Baseline: animating entry effects  |  Blog  |  web.dev
[web.dev/blog/baseline-entry-animations?hl&#x3D;en](https://web.dev/blog/baseline-entry-animations?hl=en "Now in Baseline: animating entry effects  |  Blog  |  web.dev")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">css </span> <span class="jser-tag">article</span></p>

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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">PostgreSQL</span> <span class="jser-tag">browser</span> <span class="jser-tag">article</span></p>

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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">security</span> <span class="jser-tag">article</span></p>

웹사이트에서 `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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">puppeteer</span> <span class="jser-tag">article</span></p>

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 라이브러리 사용 상황을 자동으로 집계하기")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">Design</span> <span class="jser-tag">React</span> <span class="jser-tag">Tools</span> <span class="jser-tag">article</span></p>

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


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

----

## 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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Rust</span> <span class="jser-tag">browser</span></p>

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)")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">document</span></p>

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


----

0 comments on commit 4069158

Please sign in to comment.