Merge pull request #1249 from rewrite0w0/translate/20241219

translate: 2024-12-19 article

Author: azu

_i18n/ja/_posts/2024/2024-12-19-safari-18.2-state-of-node.js-performance-2024-astro-server-islands.md

@@ -132,7 +132,7 @@ Node.js 20と22のコアモジュールごとのパフォーマンスの比較
 [zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr](https://zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr "Next.js PPR と比較して理解する Astro Server Islands")
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">article</span></p>
 
-astroのServer IslandsとNext.jsのPPR( Partial Prerendering)について
+astroのServer IslandsとNext.jsのPPR(Partial Prerendering)について
 
 
 ----

_i18n/ko/_posts/2024/2024-12-19-safari-18.2-state-of-node.js-performance-2024-astro-server-islands.md

@@ -0,0 +1,197 @@
+---
+title: "2024-12-19: Safari 18.2, State of Node.js Performance 2024, Astro Server Islands"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-12-19T01:35:31.013Z
+category: JSer
+tags:
+- React
+- nodejs
+- sourcemap
+- ecma
+- spec
+
+---
+
+JSer.info #719 - Safri 18.2가 출시되었습니다.
+
+- [WebKit Features in Safari 18.2 | WebKit](https://webkit.org/blog/16301/webkit-features-in-safari-18-2/)
+
+다음과 같은 변경이 있습니다.
+
+- CSS, `text-box`(Leading Trim)/`@view-transition`/`background-clip`/`scrollbar-width` 지원, 루비 주석 표현 개선
+- HTML, `input type=week` 지원, `blocking=render` 속성과 `<link rel=expect>` 지원
+- JavaScript, `Float16Array`/`Promise.try`/`RegExp.escape` 지원
+
+----
+
+[State of Node.js Performance 2024](https://nodesource.com/blog/State-of-Nodejs-Performance-2024)에서는, Node.js 20과 22 코어 모듈 자체의 성능 비교가 있습니다.
+Node.js 개선으로 인해, 코어모듈 성능 어느 정도 개선되었나 소개됩니다.
+
+----
+
+[Next.js PPR과 비교해 이해하는 Astro Server Islands](https://zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr)에서는, Astro Server Islands와 Next.js PPR 구조나 동작의 차이를 소개합니다.
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Node.js — Node v23.4.0 (Current)
+[nodejs.org/en/blog/release/v23.4.0](https://nodejs.org/en/blog/release/v23.4.0 "Node.js — Node v23.4.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v23.4.0 출시.
+`assert.partialDeepStrictEqual` 추가, `--trace-env` 플래그 추가, `net.connect`에 `blockList` 옵션 추가
+
+
+----
+
+## Source map format specification
+[tc39.es/ecma426/](https://tc39.es/ecma426/ "Source map format specification")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">sourcemap</span> <span class="jser-tag">ecma</span> <span class="jser-tag">spec</span></p>
+
+Source Map 사양이 ECMA426으로 공개
+
+
+----
+
+## WebKit Features in Safari 18.2 | WebKit
+[webkit.org/blog/16301/webkit-features-in-safari-18-2/](https://webkit.org/blog/16301/webkit-features-in-safari-18-2/ "WebKit Features in Safari 18.2 | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Safari 18.2 변경점에 대하여.
+CSS `text-box`(Leading Trim)/`@view-transition`/`background-clip`/`scrollbar-width` 지원. 또한 루비 주석 대응 개선.
+HTML `input type=week` 지원, `blocking=render` 속성과 `<link rel=expect>` 지원.
+Wasm GC/Wasm Tail Calls 지원, PointerEvent 대응 개선.
+JavaScript, `Float16Array`/`Promise.try`/`RegExp.escape` 지원
+
+
+----
+
+## Release v9.2.0 · reduxjs/react-redux
+[github.com/reduxjs/react-redux/releases/tag/v9.2.0](https://github.com/reduxjs/react-redux/releases/tag/v9.2.0 "Release v9.2.0 · reduxjs/react-redux")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React-Redux v9.2.0 출시.
+React 19 대응
+
+- [Release v2.5.0 · reduxjs/redux-toolkit](https://github.com/reduxjs/redux-toolkit/releases/tag/v2.5.0 "Release v2.5.0 · reduxjs/redux-toolkit")
+
+----
+
+## Release v11.0.0 · npm/cli
+[github.com/npm/cli/releases/tag/v11.0.0](https://github.com/npm/cli/releases/tag/v11.0.0 "Release v11.0.0 · npm/cli")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+npm v11.0.0 출시.
+
+
+----
+
+## Bun v1.1.40 | Bun Blog
+[bun.sh/blog/bun-v1.1.40](https://bun.sh/blog/bun-v1.1.40 "Bun v1.1.40 | 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.40 출시.
+텍스트 기반 Lock 파일 다루는 ` install.saveTextLockfile` 설정 추가
+
+
+----
+
+## Release v7.1.0 · nodejs/undici
+[github.com/nodejs/undici/releases/tag/v7.1.0](https://github.com/nodejs/undici/releases/tag/v7.1.0 "Release v7.1.0 · nodejs/undici")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">HTTP</span> <span class="jser-tag">Fetch</span> <span class="jser-tag">library</span></p>
+
+undici v7.1.0 출시.
+http/2 지원이 Stable
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## State of Node.js Performance 2024
+[nodesource.com/blog/State-of-Nodejs-Performance-2024](https://nodesource.com/blog/State-of-Nodejs-Performance-2024 "State of Node.js Performance 2024")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>
+
+Node.js 20와 22 코어 모듈 자체의 성능 비교.
+어느 정도로 성능 개선이 있었는가에 대하여
+
+
+----
+
+## Next.js PPR와 비교해서 이해하는 Astro Server Islands
+[zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr](https://zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr "Next.js PPR와 비교해서 이해하는 Astro Server Islands")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">article</span></p>
+
+astro의 Server Islands와 Next.js의 PPR(Partial Prerendering)에 대하여
+
+
+----
+<h1 class="site-genre">슬라이드, 영상</h1>
+
+----
+
+## Recoil 벗은 이야기 - Speaker Deck
+[speakerdeck.com/kirik/recoilwobo-gasiteiruhua](https://speakerdeck.com/kirik/recoilwobo-gasiteiruhua "Recoil 벗은 이야기 - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">slide</span></p>
+
+Recoil이 관리되지 않기에, Recoil에서 React Context으로 이행한 이야기
+
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## lingui/js-lingui: 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript
+[github.com/lingui/js-lingui?tab&#x3D;readme-ov-file](https://github.com/lingui/js-lingui?tab=readme-ov-file "lingui/js-lingui: 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">i18n</span> <span class="jser-tag">library</span></p>
+
+ICU MessageFormat 사용한 i18n 라이브러리 도구.
+코드 스캔해서 메세지 유출하는 extract, 실제 이용한 메세지를 포함하는 구조, 로케일 기반으로 동적인 메세지 타달로그 읽어들이는 구조를 갖음.
+번역을 하는 JavaScript 함수나 React 컴포너틑 제공
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## nissy-dev/tenbin: Tenbin provides tools to minimize the differences in test execution times across shards.
+[github.com/nissy-dev/tenbin](https://github.com/nissy-dev/tenbin "nissy-dev/tenbin: Tenbin provides tools to minimize the differences in test execution times across shards.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">test</span> <span class="jser-tag">library</span></p>
+
+과거 테스트 실행 시간을 이용해 테스트 sharding 하는 도구.
+Jest/Vitest/Playwright 지원
+
+- [테스트 sharding를 효율적으로 하는 도구 Tenbin 만들었다](https://zenn.dev/cybozu_frontend/articles/create-tenbin "테스트 sharding를 효율적으로 하는 도구 Tenbin 만들었다")
+
+----
+
+## mui/base-ui: Base UI is an open-source library of accessible, unstyled UI components for React.
+[github.com/mui/base-ui](https://github.com/mui/base-ui "mui/base-ui: Base UI is an open-source library of accessible, unstyled UI components for React.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">UI</span> <span class="jser-tag">accessibility</span></p>
+
+MUI의 Headless UI 컴포넌트 라이브러리.
+
+
+----
+
+## Termo - An Easy to use terminal for your browser
+[termo.rajnandan.com/](https://termo.rajnandan.com/ "Termo - An Easy to use terminal for your browser")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">GUI</span> <span class="jser-tag">library</span></p>
+
+터미널스러운 UI 만드는 라이브러리
+
+
+----