translate: 2024-05-03 article

_i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md

@@ -211,7 +211,7 @@ Webフロントエンド版DX Criteria
 [github.com/jacob-ebey/turbo-stream](https://github.com/jacob-ebey/turbo-stream "jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.")
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
 
-PromiseやDateなどをシリアライズしてWeb Streamとして送受信するためのecode/decodeライブラリ
+PromiseやDateなどをシリアライズしてWeb Streamとして送受信するためのencode/decodeライブラリ
 
 
 ----

_i18n/ko/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md

@@ -0,0 +1,230 @@
+---
+title: "2024-05-03: Bun v1.1.5(cross compile), React 18.3.0, Svelte 5 RC"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-05-03T14:32:53.375Z
+category: JSer
+tags:
+- HTML
+- Bun
+- document
+- React
+- CSS
+
+---
+
+JSer.info #691 - Bun v1.1.5 출시되었어요.
+
+- [Bun v1.1.5 | Bun Blog](https://bun.sh/blog/bun-v1.1.5)
+
+`bun build --compile`가 크로스 컴파일에 대응, Windows/Linux/macOS에 대응 한 Single Executable Binary 출력 가능해졌어요.
+또한, `package.json` 말미 컴마를 허용하도록 변경, `bun.report`가 추가되었어요.
+그 외로는, Import Attributes로 임의 파일을 text/json/toml/file를 import 가능하도록 하는 변경이 있어요.
+
+---
+
+React v18.3.0 출시되었어요.
+
+- [Release 18.3.0 (April 25, 2024) · facebook/react](https://github.com/facebook/react/releases/tag/v18.3.0)
+
+[React 19 Beta](https://react.dev/blog/2024/04/25/react-19)도 출시되었습니다만, React 19에는 일부 API 변경이 예정되어있어요.
+React 18.3.0에는, React 19 변경 예정 기능에 Deprecated 경고를 보게끔하는 구현도 추가되었어요.
+React 19 변경 예정예 관한 것은, 업그레이드 가이드가 공개되었어요.
+
+- [React 19 Beta Upgrade Guide – React](https://react.dev/blog/2024/04/25/react-19-upgrade-guide)
+
+---
+
+Svelte v5 RC 출시되었어요.
+
+- [Svelte 5 Release Candidate](https://svelte.dev/blog/svelte-5-release-candidate)
+- [Breaking changes • Docs • Svelte 5 preview](https://svelte-5-preview.vercel.app/docs/breaking-changes)
+
+Svelte 5에는 [runes](https://svelte.dev/blog/runes) 추가, Snippets 추가, `.svelte`에는 TypeScript 네이티브 지원, 이벤트 핸들러 작성 방법 변경 등도 있어요.
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Bun v1.1.6 | Bun Blog
+[bun.sh/blog/bun-v1.1.6](https://bun.sh/blog/bun-v1.1.6 "Bun v1.1.6 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.1.6 출시.
+UDP Sockets 지원, `node:dgram` 지원, `dd-trace`이나 `@clickhouse/client` 등이 동작하도록 버그 수정
+
+
+----
+
+## Announcement of Release - Module federation
+[module-federation.io/blog/announcement.html](https://module-federation.io/blog/announcement.html "Announcement of Release - Module federation")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">webpack</span> <span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Module Federation 2.0 출시.
+
+
+----
+
+## Bun v1.1.5 | Bun Blog
+[bun.sh/blog/bun-v1.1.5](https://bun.sh/blog/bun-v1.1.5 "Bun v1.1.5 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.1.5 출시.
+`bun build --compile`가 크로스 컴파일 대응, `package.json` 말미에 컴마 허용, `bun.report` 추가.
+Import Attributes 임의 파일을 text/json/toml/file import 가능하도록
+
+
+----
+
+## Node.js — Node v22.1.0 (Current)
+[nodejs.org/en/blog/release/v22.1.0](https://nodejs.org/en/blog/release/v22.1.0 "Node.js — Node v22.1.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.1.0 출시.
+V8 컴파일 캐시 보존 장소를 지정하는 `NODE_COMPILE_CACHE` 환경 변수를 추가, Test Runner에 `--test-skip-pattern` 플래그 추가
+
+
+----
+
+## remix/CHANGELOG.md at main · remix-run/remix
+[github.com/remix-run/remix/blob/main/CHANGELOG.md#v290](https://github.com/remix-run/remix/blob/main/CHANGELOG.md#v290 "remix/CHANGELOG.md at main · remix-run/remix")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Remix</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Remix 2.9.0 출시.
+`future.unstable_singleFetch` 플래그에 이용 가능 Single Fetch 구현.
+Fetch API/`undici` 사용하는 `installGlobals({ nativeFetch: true })` 추가
+
+- [🗺️ Single Data Fetch · remix-run/remix · Discussion #7640](https://github.com/remix-run/remix/discussions/7640 "🗺️ Single Data Fetch · remix-run/remix · Discussion #7640")
+- [Remix v2.9 도입 된 Single Fetch](https://azukiazusa.dev/blog/single-fetch-in-remix/ "Remix v2.9 도입 된 Single Fetch")
+
+----
+
+## May 1, 2024 Release – React Spectrum Releases
+[react-spectrum.adobe.com/releases/2024-05-01.html](https://react-spectrum.adobe.com/releases/2024-05-01.html "May 1, 2024 Release – React Spectrum Releases")
+<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 Aria Components May 1, 2024 출시.
+Submenu, unavailable menu items, DropZone, FileTrigger 정식 지원.
+Color Component 추가, TreeView를 α 출시, `RouterProvider` 추가
+
+
+----
+
+## Release 18.3.0 (April 25, 2024) · facebook/react
+[github.com/facebook/react/releases/tag/v18.3.0](https://github.com/facebook/react/releases/tag/v18.3.0 "Release 18.3.0 (April 25, 2024) · facebook/react")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React v18.3.0 출시.
+React 19 변경 예정 기능에 Deprecated 경고 보이도록.
+
+- [React 19 Beta Upgrade Guide – React](https://react.dev/blog/2024/04/25/react-19-upgrade-guide "React 19 Beta Upgrade Guide – React")
+
+----
+
+## Svelte 5 Release Candidate
+[svelte.dev/blog/svelte-5-release-candidate](https://svelte.dev/blog/svelte-5-release-candidate "Svelte 5 Release Candidate")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Svelte 5 RC 출시.
+runes 추가, Snippets 추가, 이벤트 핸들러 작성 방법 변경.
+
+- [Breaking changes • Docs • Svelte 5 preview](https://svelte-5-preview.vercel.app/docs/breaking-changes "Breaking changes • Docs • Svelte 5 preview")
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## MoonBit adds JS backend, up to 25x faster than native JS | MoonBit
+[www.moonbitlang.com/blog/js-support](https://www.moonbitlang.com/blog/js-support "MoonBit adds JS backend, up to 25x faster than native JS | MoonBit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+Rust스러운 구문으로 WebAssembly 출력되는 언어/도구 킷인 MoonBit이, JavaScript으로 출력 지원.
+Iterator 비용 감소하도록 변환이나 문자열을 Unicode Code Point로 정수값을 갖는 작업을 하고 있음
+
+
+----
+
+## Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium
+[medium.com/@nathanacurtis/design-system-generations-65f99960dc3d](https://medium.com/@nathanacurtis/design-system-generations-65f99960dc3d "Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Design</span> <span class="jser-tag">article</span> <span class="jser-tag">opinion</span></p>
+
+디자인 시스템에 대한 연재.
+디자인 시스템이란 무엇인가, 어떻게 실전적으로 사용하는가, 어떻게 스케일하는가에 대해
+
+
+----
+
+## Popover API lands in Baseline  |  Blog  |  web.dev
+[web.dev/blog/popover-api?hl&#x3D;en](https://web.dev/blog/popover-api?hl=en "Popover API lands in Baseline  |  Blog  |  web.dev")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+Popover API에 대한 소개 글.
+`popover` 속성과 `popovertarget` 속성 사용한 Popover API 사용 방법에 대해.
+`<dialog>`요소와 `popover` 속성 차이
+
+
+----
+
+## Combining CSS :has() And HTML &lt;select&gt; For Greater Conditional Styling — Smashing Magazine
+[www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/](https://www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/ "Combining CSS :has() And HTML &lt;select&gt; For Greater Conditional Styling — Smashing Magazine")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+`<select>`와 `:has()` 조합함으로, 선택한 값 스타일 변화하는 방법에 대해
+
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## ARIA Authoring Practices Guide | APG | WAI | W3C
+[www.w3.org/WAI/ARIA/apg/](https://www.w3.org/WAI/ARIA/apg/ "ARIA Authoring Practices Guide | APG | WAI | W3C")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WAI-ARIA</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">document</span></p>
+
+WAI-ARIA 사용한 디자인 패턴, 랜드마크 사용 방법, 명명하는 방법에 대한 소개 문서
+
+
+----
+
+## Web 프론트엔드판 DX Criteria (v202402)/프로덕트 유저 체험과 변화에 적응하는 팀을 위한 가이드라인
+[dxcriteria.cto-a.org/frontend](https://dxcriteria.cto-a.org/frontend "Web 프론트엔드판 DX Criteria (v202402)/프로덕트 유저 체험과 변화에 적응하는 팀을 위한 가이드라인")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">document</span></p>
+
+Web 프론트엔드판DX Criteria
+
+- [일본CTO협회에서, 프로덕트 유저 체험과 변화에 적응하는 팀을 위한 가이드라인 "Web 프론트엔드판DX Criteria" 4월 24일 공개 | 일반사단법인일본CTO협회 프레스 출시](https://prtimes.jp/main/html/rd/p/000000024.000081310.html "일본CTO협회에서, 프로덕트 유저 체험과 변화에 적응하는 팀을 위한 가이드라인 'Web 프론트엔드판DX Criteria' 4월 24일 공개 | 일반사단법인일본CTO협회 프레스 출시")
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.
+[github.com/jacob-ebey/turbo-stream](https://github.com/jacob-ebey/turbo-stream "jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+Promise나 Date 등을 시리얼리즈해서 Web Stream로 송수신하기 위한 encode/decode 라이브러리
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## The Front End Developer/Engineer Handbook 2024
+[frontendmasters.com/guides/front-end-handbook/2024/](https://frontendmasters.com/guides/front-end-handbook/2024/ "The Front End Developer/Engineer Handbook 2024")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">book</span></p>
+
+The Front End Developer/Engineer Handbook의 2024년판
+
+
+----