translate: 2024-07-18 article (#1209)

_i18n/ja/_posts/2024/2024-07-18-700-vitest-2.0.0-node.js-22.5.0sqlite-private-browsing-mode.md

@@ -13,7 +13,7 @@ tags:
 
 ---
 
-JSer.info #700 - Vitest 2.0.0がリリースされました
+JSer.info #700 - Vitest 2.0.0がリリースされました。
 
 - [Release v2.0.0 · vitest-dev/vitest](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0)
 
@@ -72,7 +72,7 @@ JSer.infoを支援する方法については、次のページにまとめて
 
 Deno v1.45リリース。
 npm workspacesのサポート、Node.jsのコアパッケージとの互換性の向上、`--frozen`フラグの追加。
-`DENO_FUTURE=1`で`deno install <pkg>`ローカルにインストールするように変更、mpm life-cycle scriptのサポート。
+`DENO_FUTURE=1`で`deno install <pkg>`ローカルにインストールするように変更、npm life-cycle scriptのサポート。
 `deno init --lib`でJSRに対応したプロジェクトのセットアップをサポート、`deno vendor`を非推奨化。
 
 
@@ -233,8 +233,8 @@ CSS Gridジェネレータ
 
 ----
 
-## 動かして学ぶ！Next.js/React開発入門 | 三好アキ |本 | 通販 | Amazon
-[www.amazon.co.jp/dp/4798184675/](https://www.amazon.co.jp/dp/4798184675/ "動かして学ぶ！Next.js/React開発入門 | 三好アキ |本 | 通販 | Amazon")
+## 動かして学ぶ！Next.js/React開発入門 | 三好アキ | 本 | 通販 | Amazon
+[www.amazon.co.jp/dp/4798184675/](https://www.amazon.co.jp/dp/4798184675/ "動かして学ぶ！Next.js/React開発入門 | 三好アキ | 本 | 通販 | Amazon")
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Next.js</span> <span class="jser-tag">book</span></p>
 
 2024年09月19日発売

_i18n/ko/_posts/2024/2024-07-18-700-vitest-2.0.0-node.js-22.5.0sqlite-private-browsing-mode.md

@@ -0,0 +1,245 @@
+---
+title: "2024-07-18: #700 - Vitest 2.0.0, Node.js 22.5.0(sqlite), Private Browsing Mode"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-07-18T01:03:45.614Z
+category: JSer
+tags:
+- nodejs
+- deno
+- Tools
+- Bun
+- test
+
+---
+
+JSer.info #700 - Vitest 2.0.0가 출시 되었어요.
+
+- [Release v2.0.0 · vitest-dev/vitest](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0)
+
+비권장 옵션 삭제, 일부 옵션은 기본값 변경 등 파괴적 변경이 있어요.
+이행 가이드도 함께 공개되었어요.
+
+- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0)
+
+Browser Mode 개선, `expect.poll` 추가, `test.for` 추가도 있어요.
+Browser Mode에 대해서는, 다음 페이지에 상세히 설명되어 있어요.
+
+- [Vitest Browser Mode · vitest-dev/vitest · Discussion #5828](https://github.com/vitest-dev/vitest/discussions/5828)
+
+----
+
+Node.js v22.5.0가 출시 되었어요
+
+- [Node.js — Node v22.5.0 (Current)](https://nodejs.org/en/blog/release/v22.5.0)
+
+코어 모듈로 SQLite 다루는 `node:sqlite` 모듈이 추가되었어요.
+
+- [SQLite | Node.js v22.5.0 Documentation](https://nodejs.org/docs/latest/api/sqlite.html)
+
+또한, `--experimental-require-module`으로 `__esModule`로 프로퍼티를 고려하도록, `matchesGlob` 메서드 추가, `worker_threads`에 `postMessageToThread` 메서드 추가도 있어요.
+
+---
+
+[Private Browsing 2.0 | WebKit](https://webkit.org/blog/15697/private-browsing-2-0/)에서는, Safari 17 이후 사생활 보호 모드 개선에 대한 내용이에요.
+여러 종류의 트래킹 대책에 대해 작성되어있구요.
+
+---
+
+## 안내
+
+이번에는 JSer.info 700회 째 글이에요！
+
+앞으로도, JSer.info를 잘 부탁드립니다.
+
+JSer.info 지원하는 방법에 대해서는, 다음 글에 설명되어 있어요.
+
+- [Support - JSer.info](https://jser.info/ko/support/)
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Deno 1.45: Workspace and Monorepo Support
+[deno.com/blog/v1.45](https://deno.com/blog/v1.45 "Deno 1.45: Workspace and Monorepo Support")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Deno v1.45 출시.
+npm workspaces 지원, Node.js 코어 패키지와 호환성 향상, `--frozen` 플래그 추가.
+`DENO_FUTURE=1`로 `deno install <pkg>` 로컬 설치하도록 변경, npm life-cycle script 지원.
+`deno init --lib`으로 JSR에 대응한 프로젝트 셋업 지원, `deno vendor` 비권장화.
+
+
+----
+
+## Firefox 128.0, See All New Features, Updates and Fixes
+[www.mozilla.org/en-US/firefox/128.0/releasenotes/](https://www.mozilla.org/en-US/firefox/128.0/releasenotes/ "Firefox 128.0, See All New Features, Updates and Fixes")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Firefox 128 출시.
+CSS Relative color 구문 지원, `content`에서 alt text 지원.
+`ArrayBuffer.prototype.resize()` 지원, `CSS.registerProperty()` 지원.
+실험 플래그 조건으로 Cookies Having Independent Partitioned State (CHIPS) 지원
+
+- [Firefox 128 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/128 "Firefox 128 for developers - Mozilla | MDN")
+
+----
+
+## Bun v1.1.19 | Bun Blog
+[bun.sh/blog/bun-v1.1.19](https://bun.sh/blog/bun-v1.1.19 "Bun v1.1.19 | 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.19 출시.
+Windows에서 FTL JIT 유효화, Raspberry Pi 4 지원, `pacakge.json` 인덴트 유지하게끔 변경
+
+
+----
+
+## Release v2.0.0 · vitest-dev/vitest
+[github.com/vitest-dev/vitest/releases/tag/v2.0.0](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0 "Release v2.0.0 · vitest-dev/vitest")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">test</span> <span class="jser-tag">ReleaseNote</span></p>
+
+vitest v2.0.0 출시.
+비권장 옵션 삭제, 일부 옵션 기본값 변경.
+brower mode 개선, `expect.poll ` 추가, `test.for` 추가
+
+- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0 "Migration Guide | Guide | Vitest")
+
+----
+
+## Node.js — Node v22.5.0 (Current)
+[nodejs.org/en/blog/release/v22.5.0](https://nodejs.org/en/blog/release/v22.5.0 "Node.js — Node v22.5.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.5.0 출시.
+`node:sqlite` 모듈 추가, `--experimental-require-module`으로 `__esModule` 프로퍼티 고려하도록, `matchesGlob` 메서드 추가.
+`worker_threads`에 `postMessageToThread` 메서드 추가
+
+
+----
+
+## Second Beta of jQuery 4.0.0 | Official jQuery Blog
+[blog.jquery.com/2024/07/17/second-beta-of-jquery-4-0-0/](https://blog.jquery.com/2024/07/17/second-beta-of-jquery-4-0-0/ "Second Beta of jQuery 4.0.0 | Official jQuery Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">ReleaseNote</span></p>
+
+jQuery 4.0.0 beta 2 출시.
+ESM Wrapper 사용한 dual packages 지원, `hidden` 속성 등에서 boolean과 값을 다루는 속성 핸들링을 위한 `.attr`에 boolean 값의 특수한 처리 삭제
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## Moving from express to fastify, pt 1
+[blog.val.town/blog/fastify/](https://blog.val.town/blog/fastify/ "Moving from express to fastify, pt 1")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">article</span></p>
+
+express에서 fastify로 단계적 이행에 관하여.
+`@fastify/express` 사용해서 라우팅째로 이행했다는 이야기
+
+
+----
+
+## Private Browsing 2.0 | WebKit
+[webkit.org/blog/15697/private-browsing-2-0/](https://webkit.org/blog/15697/private-browsing-2-0/ "Private Browsing 2.0 | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">privacy</span> <span class="jser-tag">article</span></p>
+
+Safari의 Private Browsing 모드에 관하여.
+Safari 17에는, Link Tracking Protection, CNAME-cloaking 대책, Fingerpriting 대책.
+또한, third-party IP 주소 사용한 cloaking 대책, Storage이나 blob URLs의 paritition도 실시.
+
+
+----
+
+## Reading and writing Node.js streams
+[blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams](https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams "Reading and writing Node.js streams")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">stream</span> <span class="jser-tag">article</span></p>
+
+Node.js Stream에 대하여.
+Stream 용도, Backpressure, 기본 로딩, Async Iterator 처리 방법에 대하여
+
+
+----
+
+## Misconceptions about view transitions  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/view-transitions-misconceptions?hl&#x3D;en](https://developer.chrome.com/blog/view-transitions-misconceptions?hl=en "Misconceptions about view transitions  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">article</span></p>
+
+View Transition API 현재 동작에 대하여.
+View Transition API와 스냅샷 동작, `blocking=render`과의 조합에 대하여
+
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## Mako - Extremely fast, Production-grade web bundler
+[makojs.dev/](https://makojs.dev/ "Mako - Extremely fast, Production-grade web bundler")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">bundler</span> <span class="jser-tag">Rust</span> <span class="jser-tag">Tools</span> <span class="jser-tag">JavaScript</span></p>
+
+Rust로 작성한 bundler
+
+- [Mako - Mako is Now Open Source](https://makojs.dev/blog/mako-open-sourced "Mako - Mako is Now Open Source")
+
+----
+
+## toss/es-toolkit: A modern JavaScript utility library that&#039;s 2-3 times faster and up to 97% smaller—a major upgrade to lodash.
+[github.com/toss/es-toolkit?tab&#x3D;readme-ov-file](https://github.com/toss/es-toolkit?tab=readme-ov-file "toss/es-toolkit: A modern JavaScript utility library that&#039;s 2-3 times faster and up to 97% smaller—a major upgrade to lodash.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+lodash 같은 utility 라이브러리
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## mjackson/fetch-super-headers: A drop-in replacement for JavaScript \`Headers\` with type-safe access
+[github.com/mjackson/fetch-super-headers](https://github.com/mjackson/fetch-super-headers "mjackson/fetch-super-headers: A drop-in replacement for JavaScript \`Headers\` with type-safe access")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p>
+
+Type Safe한 `Headers` 호환 라이브러리
+
+
+----
+
+## Poku - Making Testing Easy
+[poku.io/](https://poku.io/ "Poku - Making Testing Easy")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">nodejs</span> <span class="jser-tag">Bun</span> <span class="jser-tag">deno</span> <span class="jser-tag">test</span> <span class="jser-tag">library</span></p>
+
+Node.js/Bun/Deno에서 동작하는 프레임워크.
+외부 의존 최소환으로해서 하위호환까지 염두해 만들어졌음, assertion이나 서버 프로세스와 연계 테스트 프레임워크로 필요한 기능도 준비되어 있음.
+
+----
+
+## CSS Grid Generator
+[cssgridgenerator.io/](https://cssgridgenerator.io/ "CSS Grid Generator")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">Tools</span></p>
+
+CSS Grid 생성기
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## 동작시키면서 배우자！Next.js/React 개발 입문 | 미요시 아키 | 책 | 통판 | Amazon
+[www.amazon.co.jp/dp/4798184675/](https://www.amazon.co.jp/dp/4798184675/ "동작시키면서 배우자！Next.js/React 개발 입문 | 미요시 아키 | 책 | 통판 | Amazon")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Next.js</span> <span class="jser-tag">book</span></p>
+
+2024년 09월 19일 발매
+Next.js 도서
+
+
+----