translate: 2024-07-01 article (#1205)

_i18n/ja/_posts/2024/2024-07-01-es2024-playwright-v1.45.0-e18eecosystem-performance.md

@@ -76,7 +76,7 @@ ECMAScript 2024がEcma GAで承認されたため正式にリリースされた
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
 
 Rspack 1.0 Aplhaリリース
-`optimization.concatenateModule`の有効か、Lightning CSSをビルトインサポート。
+`optimization.concatenateModule`の有効化、Lightning CSSをビルトインサポート。
 オプションを一部変更など
 
 

_i18n/ko/_posts/2024/2024-07-01-es2024-playwright-v1.45.0-e18eecosystem-performance.md

@@ -0,0 +1,226 @@
+---
+title: "2024-07-01: ES2024, Playwright v1.45.0, e18e(Ecosystem Performance)"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-07-01T13:22:00.731Z
+category: JSer
+tags:
+- ECMAScript
+- React
+- npm
+- nodejs
+- TypeScript
+
+---
+
+JSer.info #698 - ECMAScript 2024가 정식으로 출시되었어요.
+
+- [Release ES2024 Candidate February 28th 2024 · tc39/ecma262](https://github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02-28)
+
+ES2024는, `Object.groupBy`/`Map.groupBy`, `Promise.withResolvers`, `ArrayBuffers.prototype.resize`, `Atomics.waitAsync`가 추가되었어요.
+상세한 내용은 다음 글에서 확인가능해요.
+
+- [Ecma International approves ECMAScript 2024: What’s new?](https://2ality.com/2024/06/ecmascript-2024.html)
+
+---
+
+Playwright v1.45.0가 출시되었어요.
+
+- [Release v1.45.0 · microsoft/playwright](https://github.com/microsoft/playwright/releases/tag/v1.45.0)
+
+시간을 조작할 수 있는 Clock API 추가, `--fail-on-flaky-tests` 플래그 추가, `testConfig. respectGitIgnore` 추가가 있어요.
+
+---
+
+프로제긑 e18e (Ecosystem Performance)가 시작되었어요.
+
+- [e18e/e18e](https://github.com/e18e/e18e)
+
+e18e는, JavaScript 에코시스템의 성능 향상을 위한 프로젝트에요.
+
+현재는, JavaScript 패키지에 관련한 가이드라인이 정리되어 있어요.
+의존을 최신화하는 cleanup, 불필요한 의존을 줄이는 speedup, 채에 방법을 제공하는 levelup 같은 항목의 가이드가 작성되어 있어요.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Node.js — Node v20.15.0 (LTS)
+[nodejs.org/en/blog/release/v20.15.0](https://nodejs.org/en/blog/release/v20.15.0 "Node.js — Node v20.15.0 (LTS)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v20.15.0 출시.
+`node:test`가 `plan`메서드 지원, `--inspect-wait` 플래그 추가, `zlib.crc32()` 추가, `--disable-wasm-trap-handler` 플래그 추가
+
+
+----
+
+## Release ES2024 Candidate February 28th 2024 · tc39/ecma262
+[github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02-28](https://github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02-28 "Release ES2024 Candidate February 28th 2024 · tc39/ecma262")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">news</span></p>
+
+ECMAScript 2024가 Ecma GA 승인을 받고 정식으로 출시.
+
+- [Ecma International approves ECMAScript 2024: What’s new?](https://2ality.com/2024/06/ecmascript-2024.html "Ecma International approves ECMAScript 2024: What’s new?")
+
+----
+
+## Announcing Rspack v1.0 Alpha - Rspack
+[www.rspack.dev/blog/announcing-1-0-alpha](https://www.rspack.dev/blog/announcing-1-0-alpha "Announcing Rspack v1.0 Alpha - Rspack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Rspack 1.0 Aplha 출시
+`optimization.concatenateModule` 유효화, Lightning CSS 빌트인 지원.
+옵션 일부 변경
+
+
+----
+
+## Release Version 17.0.0 Release Notes · facebook/relay
+[github.com/facebook/relay/releases/tag/v17.0.0](https://github.com/facebook/relay/releases/tag/v17.0.0 "Release Version 17.0.0 Release Notes · facebook/relay")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">GraphQL</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Relay v17.0.0 출시.
+Schema Validation 추가, explicit error handling와 semantic nullability 실험적인 추가
+
+
+----
+
+## Release v1.45.0 · microsoft/playwright
+[github.com/microsoft/playwright/releases/tag/v1.45.0](https://github.com/microsoft/playwright/releases/tag/v1.45.0 "Release v1.45.0 · microsoft/playwright")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">playwright</span> <span class="jser-tag">ReleaseNote</span></p>
+
+playwright v1.45.0 출시.
+시간을 조작할 수 있는 Clock API 추가, `--fail-on-flaky-tests` 플래그 추가, `testConfig. respectGitIgnore` 추가
+
+
+----
+
+## Introducing React-Admin V5
+[marmelab.com/blog/2024/06/20/react-admin-v5.html](https://marmelab.com/blog/2024/06/20/react-admin-v5.html "Introducing React-Admin V5")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React-admin v5 출시
+
+- [Release 5.0.0 · marmelab/react-admin](https://github.com/marmelab/react-admin/releases/tag/v5.0.0 "Release 5.0.0 · marmelab/react-admin")
+
+----
+
+## Polyfill supply chain attack hits 100K+ sites
+[sansec.io/research/polyfill-supply-chain-attack](https://sansec.io/research/polyfill-supply-chain-attack "Polyfill supply chain attack hits 100K+ sites")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">polyfill</span> <span class="jser-tag">security</span> <span class="jser-tag">news</span></p>
+
+`polyfill.io`에서 얻은 코드에 멀웨어같은 백도어가 포함되어 있다는 이야기.
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## New JavaScript Set methods | MDN Blog
+[developer.mozilla.org/en-US/blog/javascript-set-methods/](https://developer.mozilla.org/en-US/blog/javascript-set-methods/ "New JavaScript Set methods | MDN Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">article</span></p>
+
+ES2025에 입성할 Set Methods에 대하여.
+Firefox 127에 구현되어 있음
+
+
+----
+
+## TypeScript v4.9에서 v5.5까지 추가된 기능 복습하기 - STORES Product Blog
+[product.st.inc/entry/2024/06/24/152109](https://product.st.inc/entry/2024/06/24/152109 "TypeScript v4.9에서 v5.5까지 추가된 기능 복습하기 - STORES Product Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span></p>
+
+최신 TypeScript에 추가된 구문이나 자료형 추론 기능에 대하여
+
+
+----
+
+## Ecma International approves ECMAScript 2024: What’s new?
+[2ality.com/2024/06/ecmascript-2024.html](https://2ality.com/2024/06/ecmascript-2024.html "Ecma International approves ECMAScript 2024: What’s new?")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">article</span></p>
+
+ES2024에 추가된 기능이나 구문에 대한 정리
+`Object.groupBy`/`Map.groupBy`, `Promise.withResolvers`, `ArrayBuffers.prototype.resize`, `Atomics.waitAsync`
+
+
+----
+
+## Bun 비호환하는 확장 API - moriken&#039;s project
+[scrapbox.io/petamoriken/Bun\_%E3%81%AE%E9%9D%9E%E4%BA%92%E6%8F%9B%E3%81%AA%E6%8B%A1%E5%BC%B5\_API](https://scrapbox.io/petamoriken/Bun_%E3%81%AE%E9%9D%9E%E4%BA%92%E6%8F%9B%E3%81%AA%E6%8B%A1%E5%BC%B5_API "Bun 비호환하는 확장 API - moriken&#039;s project")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">article</span></p>
+
+Bun 비표준 확장 API에 대하여
+
+
+----
+
+## Migrating to Next.js App Router with zero downtime — WorkOS
+[workos.com/blog/migrating-to-next-js-app-router-with-zero-downtime](https://workos.com/blog/migrating-to-next-js-app-router-with-zero-downtime "Migrating to Next.js App Router with zero downtime — WorkOS")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">article</span></p>
+
+Next.js, Pages Router에서 App Router으로 단계적 이행 방법에 대하여.
+
+1. Next.js 업데이트
+2. `useRouter` 이행
+3. 일시적인 `/app/new` 작성
+4. `rewrites` 사용해 쿼리 리다이렉트
+5. `/pages` 삭제
+
+순서로 이행하는 방법에 대하여
+
+
+----
+
+## React 19 and Suspense - A Drama in 3 Acts | TkDodo&#039;s blog
+[tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts](https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts "React 19 and Suspense - A Drama in 3 Acts | TkDodo&#039;s blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p>
+
+React 19 RC의  Suspense 내부 동작 변경에 대하여.
+fetch-on-render와 render-as-your-fetch 패턴, Fetch 이 외 비동기처리, React 19에서 수정 예정에 관련하여
+
+
+----
+
+## Inline conditionals in CSS, now? • Lea Verou
+[lea.verou.me/blog/2024/css-conditionals-now/](https://lea.verou.me/blog/2024/css-conditionals-now/ "Inline conditionals in CSS, now? • Lea Verou")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+CSS에서 if문 표현하는 기술에 대하여.
+Binary Linear Interpolation, Toggles, Paused animations, Type Grinding, Variable animation name
+
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## e18e/e18e
+[github.com/e18e/e18e](https://github.com/e18e/e18e "e18e/e18e")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">npm</span> <span class="jser-tag">performance</span> <span class="jser-tag">document</span></p>
+
+JavaScript 패키지 관련 가이드라인.
+의존 최신화 위한 cleanup, 불필요한 의존을 줄이는 speedup, 대체 방법을 제공하는 levelup 각 항목의 가이드
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## es-tooling/eslint-plugin-depend: An ESLint plugin for suggesting optimisations in choice of dependency, native equivalents, etc.
+[github.com/es-tooling/eslint-plugin-depend](https://github.com/es-tooling/eslint-plugin-depend "es-tooling/eslint-plugin-depend: An ESLint plugin for suggesting optimisations in choice of dependency, native equivalents, etc.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">plugin</span> <span class="jser-tag">npm</span></p>
+
+네이티브에서 이용가능한 불필요한 의존이나 관리되지 않는 패키지를 검출하는 ESLint 룰
+
+
+----