From 285be6005bf5169c776364efe16b781c7ce7da74 Mon Sep 17 00:00:00 2001 From: 0w0 <55968557+rewrite0w0@users.noreply.github.com> Date: Fri, 14 Jun 2024 00:16:10 +0000 Subject: [PATCH] translate: 2024-06-13 article (#1201) --- ...borepo-2.0-node-v22.3.0snapshot-testing.md | 2 +- ...borepo-2.0-node-v22.3.0snapshot-testing.md | 211 ++++++++++++++++++ 2 files changed, 212 insertions(+), 1 deletion(-) create mode 100644 _i18n/ko/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md diff --git a/_i18n/ja/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md b/_i18n/ja/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md index 1698b04a75a..e1f780f7e2f 100644 --- a/_i18n/ja/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md +++ b/_i18n/ja/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md @@ -147,7 +147,7 @@ Node.js v22.3.0リリース。 [webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/](https://webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/ "News from WWDC24: WebKit in Safari 18 beta | WebKit")

webkit safari ReleaseNote

-Safari 18 bettaの変更点について。 +Safari 18 betaの変更点について。 View Transition APIのサポート、Style Queriesのサポート、`@starting-style`と `display: none`の組み合わせをサポート。 `justify-content: safe center`のサポート、`content-visibility`をサポート。 ``のアクセシビリティの改善、`URL.parse()`のサポート、JPEG2000のサポートを削除など diff --git a/_i18n/ko/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md b/_i18n/ko/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md new file mode 100644 index 00000000000..298cd8ca5f4 --- /dev/null +++ b/_i18n/ko/_posts/2024/2024-06-13-storybook-8.1-turborepo-2.0-node-v22.3.0snapshot-testing.md @@ -0,0 +1,211 @@ +--- +title: "2024-06-13: Storybook 8.1, Turborepo 2.0, Node v22.3.0(Snapshot Testing)" +author: "azu" +translator: rewrite0w0 +layout: post +date: 2024-06-13T04:55:14.651Z +category: JSer +tags: +- nodejs +- TypeScript +- Tools +- test +- RegExp + +--- + +JSer.info #696 - Storybook 8.1가 출시되었어요. + +- [Storybook 8.1](https://storybook.js.org/blog/storybook-8-1/) + +Story 파일 만드는 UI 추가, Subpath imports 사용한 mock 대응, Playwright Component Test 대응이 있어요. + +`pacakge.json`의 `imports` 필드에 특정 모듈을 조건 분기로 읽는 구조 [Subpath imports](https://nodejs.org/api/packages.html#subpath-imports)은 다음 글에 해설되어 있어요. + +- [Type-safe module mocking in Storybook](https://storybook.js.org/blog/type-safe-module-mocking/?ref=storybookblog.ghost.io) +- [Mocking modules • Storybook docs](https://storybook.js.org/docs/writing-stories/mocking-modules?ref=storybookblog.ghost.io) + +그 외로, React 19/Angular 18 지원도 있어요. + +--- + +Turborepo 2.0가 출시되었어요. + +- [Turborepo 2.0](https://turbo.build/blog/turbo-2-0) + +Turborepo는 monorepo 대상 빌드/태스크 관리 도구에요. +Turborepo 2.0에는 터미널 UI 쇄신, `persistent` 옵션 추가, `turbo watch` 추가, 문서 쇄신도 있어요. + +--- + +Node.js 22.3.0가 출시되었어요. + +- [Node.js — Node v22.3.0 (Current)](https://nodejs.org/en/blog/release/v22.3.0) + +`Buffer`에 `bytes()` 구현, experimental 플래그로 Test Runner에서 Snapshot Testing 구현되었어요. + +- https://nodejs.org/api/test.html#snapshot-testing +- [test_runner: add snapshot testing by cjihrig · Pull Request #53169 · nodejs/node](https://github.com/nodejs/node/pull/53169) + +---- + +{% include inline-support.html %} + +---- + +

헤드라인

+ +---- + +## Announcing TypeScript 5.5 RC - TypeScript +[devblogs.microsoft.com/typescript/announcing-typescript-5-5-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-rc/ "Announcing TypeScript 5.5 RC - TypeScript") +

TypeScript ReleaseNote

+ +TypeScript 5.5 RC 출시. +함수에서 type predicates 추론할 수 있게되었으며, `Array.prototype.filter` 같은 것으로 필터링을 간결하게 작성 가능. +Stage 3의 Set Methods 지원. +JSDoc에서 `@import {foo} from "foo"` 지원, 기본적으로 정규표현 구문 체크 지원, `isolatedDeclarations` 지원. +특정 파일 내에 `${configDir}` 템플릿 값 지원. +`typescript` 패키지 크기 절감, Named Import 지원, `transpileDeclaration` API 추가. +`transpileModule`와 `transpileDeclaration` 빌드 시간 개선. +`out`나 `target: ES3` 같은 비권장 옵션 무효화, `ignoreDeprecations` 옵션을 특정하지 않으면 이용할 수 없도록 변경 + + +---- + +## Release CLI v1.8.0 · biomejs/biome +[github.com/biomejs/biome/releases/tag/cli%2Fv1.8.0](https://github.com/biomejs/biome/releases/tag/cli%2Fv1.8.0 "Release CLI v1.8.0 · biomejs/biome") +

JavaScript Tools ReleaseNote

+ +Biome v1.8.0 출시. +`biome clean` 명령어 추가, `biome lint`에 `--only`와 `--skip` 플래그 추가, CSS의 format과 lint 지원 + + +---- + +## power-assert-monorepo/packages/node at main · twada/power-assert-monorepo +[github.com/twada/power-assert-monorepo/tree/main/packages/node](https://github.com/twada/power-assert-monorepo/tree/main/packages/node "power-assert-monorepo/packages/node at main · twada/power-assert-monorepo") +

nodejs JavaScript test library

+ +Node.js의 `--import` 에 대응한 power-assert + + +---- + +## Storybook 8.1 +[storybook.js.org/blog/storybook-8-1/](https://storybook.js.org/blog/storybook-8-1/ "Storybook 8.1") +

JavaScript UI test ReleaseNote

+ +Storybook 8.1 출시. +Story 파일 만드는 UI, Subpath imports 사용한 mock 대응, Playwright Component Test 대응. +React 19/Angular 18 지원 + + +---- + +## Release v1.0.0 · tinylibs/tinypool +[github.com/tinylibs/tinypool/releases/tag/v1.0.0](https://github.com/tinylibs/tinypool/releases/tag/v1.0.0 "Release v1.0.0 · tinylibs/tinypool") +

nodejs library ReleaseNote

+ +tinypool 1.0.0 출시. +Node.js의 `worker_threads` Worker Pool 구현 라이브러리 + + +---- + +## Turborepo 2.0 +[turbo.build/blog/turbo-2-0](https://turbo.build/blog/turbo-2-0 "Turborepo 2.0") +

JavaScript monorepo Tools ReleaseNote

+ +Turborepo 2.0 출시. +터미널 UI 쇄신, `persistent` 옵션 추가, `turbo watch` 추가, 문서 쇄신. + + +---- + +## Firefox 127.0, See All New Features, Updates and Fixes +[www.mozilla.org/en-US/firefox/127.0/releasenotes/](https://www.mozilla.org/en-US/firefox/127.0/releasenotes/ "Firefox 127.0, See All New Features, Updates and Fixes") +

Firefox ReleaseNote

+ +Firefox 127 출시. +`` 요소에 `data:`와 `javascript:`가 특정하지 못하도록 변경, Stage 3의 Set Methods 지원, async Clipboard API 지원 + +- [Firefox 127 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/127 "Firefox 127 for developers - Mozilla | MDN") + +---- + +## Node.js — Node v22.3.0 (Current) +[nodejs.org/en/blog/release/v22.3.0](https://nodejs.org/en/blog/release/v22.3.0 "Node.js — Node v22.3.0 (Current)") +

nodejs ReleaseNote

+ +Node.js v22.3.0 출시. +`Buffer`에 `bytes()` 구현, experimental 플래그로 Test Runner에서 Snapshot Testing 구현, `NODE_RUN_SCRIPT_NAME` 추가 + + +---- + +## News from WWDC24: WebKit in Safari 18 beta | WebKit +[webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/](https://webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/ "News from WWDC24: WebKit in Safari 18 beta | WebKit") +

webkit safari ReleaseNote

+ +Safari 18 beta 변경점에 대해. +View Transition API 지원, Style Queries 지원, `@starting-style`와 `display: none` 조합 지원. +`justify-content: safe center` 지원, `content-visibility` 지원. +`` 접근성 개선, `URL.parse()` 지원, JPEG2000 지원 삭제 + + +---- +

읽을거리

+ +---- + +## Data Fetching Patterns in Single-Page Applications +[martinfowler.com/articles/data-fetch-spa.html](https://martinfowler.com/articles/data-fetch-spa.html "Data Fetching Patterns in Single-Page Applications") +

React article

+ +React 클라이언트 사이드에서 Data Fetch 패턴 + + +---- + +## Mastering Node.js Performance Hooks +[pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model](https://pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model "Mastering Node.js Performance Hooks") +

nodejs performance article

+ +유저 기기 영향을 받는 wall clock과 성능 계측에 적절한 monotonic clock에 관하여. +Node.js의 `perf_hooks` 모듈 이용 가능한 `PerformanceObserver`에는 monotonic clock 시간을 얻기, 기본적 사용 방법에 대해 + + +---- + +## WebAssembly JSPI has a new API · V8 +[v8.dev/blog/jspi-newapi](https://v8.dev/blog/jspi-newapi "WebAssembly JSPI has a new API · V8") +

WebAssembly Promises article

+ +WebAssembly의 JavaScript Promise Integration에 대해 + + +---- + +## TypeScript 자료형과 값 검증 +[zenn.dev/mizchi/articles/typescript-type-value-validation](https://zenn.dev/mizchi/articles/typescript-type-value-validation "TypeScript 자료형과 값 검증") +

JavaScript TypeScript article

+ +TypeScript는 기본적으로 JavaScript으로 자료형 정보를 부여할 뿐이므로, Runtime 동작에서는 JavaScript와 다르지 않다는 이야기. +검증과 자료형에 대해 + +- [TypeScript Design Goals · microsoft/TypeScript Wiki](https://github.com/microsoft/TypeScript/wiki/TypeScript-Design-Goals "TypeScript Design Goals · microsoft/TypeScript Wiki") + +---- +

소프트웨어, 도구, 라이브러리

+ +---- + +## slevithan/regex: Context-aware regex template tag with best practices built-in and advanced features +[github.com/slevithan/regex](https://github.com/slevithan/regex "slevithan/regex: Context-aware regex template tag with best practices built-in and advanced features") +

JavaScript RegExp library

+ +정규표현을 Tagged Template에서 쓸 수 있는 라이브러리 + + +----