translate: 20240111 article (#1153)

_i18n/ja/_posts/2024/2024-01-11-biome-v1.5-node.js-v20.11.0-rspack-0.5.md

@@ -159,7 +159,7 @@ Node.js v20.11.0リリース。
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">DOM</span> <span class="jser-tag">ReleaseNote</span></p>
 
 Happy DOM v13.0.0リリース。
-InternalなAPIをSymbolを使うことで直接はアクセスできないように変更、CORSのpreflightの対応改善、`window.open()`/`window.close()`のアポートなど
+InternalなAPIをSymbolとして使うことで直接はアクセスできないように変更、CORSのpreflightの対応改善、`window.open()`/`window.close()`の実装など
 
 
 ----

_i18n/ko/_posts/2024/2024-01-11-biome-v1.5-node.js-v20.11.0-rspack-0.5.md

@@ -0,0 +1,221 @@
+---
+title: "2024-01-11: Biome v1.5, Node.js v20.11.0, Rspack 0.5"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-01-11T03:42:47.857Z
+category: JSer
+tags:
+- book
+- Bun
+- DOM
+- Chrome
+- privacy
+
+---
+
+JSer.info #676 - Biome v1.5가 출시되었어요.
+
+- [Biome v1.5 | Biome](https://biomejs.dev/blog/biome-v1-5/)
+
+Git 같은 VCS에서 변경된 파일만 다루는 `--changed` 플래그 추가, `biome ci`에서 GitHub의 Problem Matcher에 맞춘 결과를 보임으로 PR 메세지 대응 가능해요. 또한, `biome explain` 추가, Lint 규칙 추가도 있어요.
+
+출시에 맞춰, Biome의 2024년 로드맵도 공개되었어요.
+
+- [Roadmap 2024 | Biome](https://biomejs.dev/blog/roadmap-2024/)
+- [Biome 2024년 로드맵 공개와 v1.5.0 출시](https://zenn.dev/cybozu_frontend/articles/biome-roadmap-2024)
+
+현재 CSS 이 진행중이며, 앞으로는 HTML와 Markdown도 대응할 거에요.
+플러그인 구조에 대해서도 검토중이고요.
+
+---
+
+Node.js v20.11.0가 출시되었어요.
+
+- [Node v20.11.0 (LTS) | Node.js](https://nodejs.org/en/blog/release/v20.11.0)
+
+`import.meta.dirname`/`import.meta.filename` 추가, `--disable-warning` 플래그 추가, Stream 성능 개선했어요.
+
+---
+
+Rspack v0.5가 출시되었어요.
+
+- [Rspack 0.5 Release Announcement - Rspack](https://www.rspack.dev/blog/announcing-0.5.html)
+
+Module Federation 지원이 추가되었어요.
+
+- [Module Federation added to Rspack - Rspack](https://www.rspack.dev/blog/module-federation-added-to-rspack.html)
+
+파괴적 변경으로, 빌트인으로 정의된 기본값 변경(js이나 ts) 삭제하고 유저가 정의하는 변경, 
+`resolve.exntesions` 기본값에서 `.ts`나 `.tsx` 삭제, Deprecated였던 `builtins.*` 옵션이나 loader 삭제가 있어요.
+대다수의 기본 동작을 webpack에 맞추도록 변경했어요.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Bun v1.0.21 | Bun Blog
+[bun.sh/blog/bun-v1.0.21](https://bun.sh/blog/bun-v1.0.21 "Bun v1.0.21 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.0.21 출시.
+`console.table()`의 지원, `bun:sqlite` 에러 표시나 메모리 소모량 개선.
+Linux에서 `blob.arrayBuffer()`의 COW 지원하고 메모리 소비 개선, `bun build --public-path=<path>`의 지원
+
+
+----
+
+## Google shares update on next step toward phasing out third-party cookies in Chrome
+[blog.google/products/chrome/privacy-sandbox-tracking-protection/](https://blog.google/products/chrome/privacy-sandbox-tracking-protection/ "Google shares update on next step toward phasing out third-party cookies in Chrome")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">privacy</span> <span class="jser-tag">news</span></p>
+
+2024년 1월 4일 부터 Chrome 유저의 1% 대상으로 서드파티 Cookie 무효 테스트 개시
+
+- [Preparing for the end of third-party cookies  |  Privacy Sandbox  |  Google for Developers](https://developers.google.com/privacy-sandbox/blog/cookie-countdown-2023oct "Preparing for the end of third-party cookies  |  Privacy Sandbox  |  Google for Developers")
+
+----
+
+## 2023 JavaScript Rising Stars
+[risingstars.js.org/2023/en](https://risingstars.js.org/2023/en "2023 JavaScript Rising Stars")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Github</span> <span class="jser-tag">news</span></p>
+
+GitHub 스타 수 비교하는 JavaScript Rising Stars 2023년 결과 공개
+
+
+----
+
+## Astro 4.1 | Astro
+[astro.build/blog/astro-410/](https://astro.build/blog/astro-410/ "Astro 4.1 | Astro")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Astro 4.1 출시.
+dev toolbar에 접근성 audit 추가, `client:visible`에 `rootMargin` 옵션 추가, Cookie의 Encoding/Decoding 옵션 추가
+
+
+----
+
+## Release v3.12.0 · honojs/hono
+[github.com/honojs/hono/releases/tag/v3.12.0](https://github.com/honojs/hono/releases/tag/v3.12.0 "Release v3.12.0 · honojs/hono")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">server</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Hono v3.12.0 출시.
+Origin 헤더 체크하는 `hono/csrf` 추가, 실험적 API로 CSS in JS 인 `hono/css` 추가
+
+
+----
+
+## Release Version 23.2.0 · jsdom/jsdom
+[github.com/jsdom/jsdom/releases/tag/23.2.0](https://github.com/jsdom/jsdom/releases/tag/23.2.0 "Release Version 23.2.0 · jsdom/jsdom")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">DOM</span> <span class="jser-tag">ReleaseNote</span></p>
+
+jsdom 23.2.0 출시.
+CSS selector 엔진을 `nwsapi`에서 `dom-selector`으로 변경.
+
+- [asamuzaK/domSelector: A CSS selector engine.](https://github.com/asamuzaK/domSelector "asamuzaK/domSelector: A CSS selector engine.")
+- [dperini/nwsapi: Fast CSS Selectors API Engine](https://github.com/dperini/nwsapi "dperini/nwsapi: Fast CSS Selectors API Engine")
+
+----
+
+## Bun v1.0.22 | Bun Blog
+[bun.sh/blog/bun-v1.0.22](https://bun.sh/blog/bun-v1.0.22 "Bun v1.0.22 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.0.22 출시.
+`PerformanceObserver`/`performance.mark`/`performance.measure` API 구현, Fetch API의 Brotli 지원.
+`console.table`에서 EastAsianWidth 대응 개선
+
+
+----
+
+## Biome v1.5 | Biome
+[biomejs.dev/blog/biome-v1-5/](https://biomejs.dev/blog/biome-v1-5/ "Biome v1.5 | Biome")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Biome v1.5 출시.
+Git 같은 VCS에서 변경된 파일만 다루는 `--changed` 플래그 추가, `biome ci`으로 GitHub의 Problem Matcher에 맞춘 결과를 보임.
+`biome explain` 추가, Lint 규칙 추가
+
+- [Biome 2024년 로드맵 공개와 v1.5.0 출시](https://zenn.dev/cybozu_frontend/articles/biome-roadmap-2024 "Biome 2024년 로드맵 공개와 v1.5.0 출시")
+
+----
+
+## Node v20.11.0 (LTS) | Node.js
+[nodejs.org/en/blog/release/v20.11.0](https://nodejs.org/en/blog/release/v20.11.0 "Node v20.11.0 (LTS) | Node.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v20.11.0 출시.
+`import.meta.dirname`/`import.meta.filename` 추가, `--disable-warning` 플래그 추가, Stream 성능 개선
+
+
+----
+
+## Release v13.0.0 · capricorn86/happy-dom
+[github.com/capricorn86/happy-dom/releases/tag/v13.0.0](https://github.com/capricorn86/happy-dom/releases/tag/v13.0.0 "Release v13.0.0 · capricorn86/happy-dom")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">DOM</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Happy DOM v13.0.0 출시.
+Internal한 API를 Symbol로 사용함으로 직접 접근하지 못하게 변경, CORS의 preflight 대응 개선, `window.open()`/`window.close()` 구현
+
+
+----
+
+## Rspack 0.5 Release Announcement - Rspack
+[www.rspack.dev/blog/announcing-0.5.html](https://www.rspack.dev/blog/announcing-0.5.html "Rspack 0.5 Release Announcement - Rspack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">bundler</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Rspack 0.5 출시.
+Module Federation의 지원, 빌트인 정의함으로 기본값 변환(js이나 ts)을 삭제하고 유저가 정의하도록 변경.
+`resolve.exntesions` 기본값에서 `.ts`이나 `.tsx` 삭제, Deprecated였던 `builtins.*` 옵션이나 loader 삭제
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## More Than You Need to Know About ReactDOM.flushSync | JulesBlom.com
+[julesblom.com/writing/flushsync](https://julesblom.com/writing/flushsync "More Than You Need to Know About ReactDOM.flushSync | JulesBlom.com")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p>
+
+React의 `ReactDOM.flushSync`에 대해.
+React는 기본값으로 상태 변경하면 한 번에 렌더링하지만, `flushSync`는 상태 갱신을 바로 렌더링한다는 사실에 대해
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## 【DDD 입문】TypeScript × 도메인 주도 설계 핸즈온
+[zenn.dev/yamachan0625/books/ddd-hands-on](https://zenn.dev/yamachan0625/books/ddd-hands-on "【DDD 입문】TypeScript × 도메인 주도 설계 핸즈온")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">DDD</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">book</span></p>
+
+DDD의 도메인 모델링이나 구현 방법에 대해 튜토리얼로 살펴봄.
+이벤트 스트리밍에서 도메인 모델링, PlantUML 사용한 모델도 관리, TypeScript 사용한 구현에 대해 소개
+
+
+----
+
+## Amazon.co.jp: 프론트엔드 지식지도 ㅡ 한 권으로 HTML/CSS/JavaScript 개발기술을 배우는 책 eBook
+[www.amazon.co.jp/dp/B0CMCWZRP2/](https://www.amazon.co.jp/dp/B0CMCWZRP2/ "Amazon.co.jp: 프론트엔드 지식지도 ㅡ 한 권으로 HTML/CSS/JavaScript 개발기술을 배우는 책 eBook")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">book</span></p>
+
+HTML/CSS/JavaScript 프론트엔드에 대한 책
+
+
+----
+
+## The chibivue Book | The chibivue Book
+[ubugeeei.github.io/chibivue/](https://ubugeeei.github.io/chibivue/ "The chibivue Book | The chibivue Book")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">book</span> <span class="jser-tag">tutorial</span></p>
+
+Vue 구조를 구현하면서, Virtual DOM/Reactivity System/Template Compiler/Single File Component를 보는 웹사이트.
+
+
+----