|
| 1 | +--- |
| 2 | +title: "2024-07-18: #700 - Vitest 2.0.0, Node.js 22.5.0(sqlite), Private Browsing Mode" |
| 3 | +author: "azu" |
| 4 | +translator: rewrite0w0 |
| 5 | +layout: post |
| 6 | +date: 2024-07-18T01:03:45.614Z |
| 7 | +category: JSer |
| 8 | +tags: |
| 9 | +- nodejs |
| 10 | +- deno |
| 11 | +- Tools |
| 12 | +- Bun |
| 13 | +- test |
| 14 | + |
| 15 | +--- |
| 16 | + |
| 17 | +JSer.info #700 - Vitest 2.0.0가 출시 되었어요. |
| 18 | + |
| 19 | +- [Release v2.0.0 · vitest-dev/vitest](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0) |
| 20 | + |
| 21 | +비권장 옵션 삭제, 일부 옵션은 기본값 변경 등 파괴적 변경이 있어요. |
| 22 | +이행 가이드도 함께 공개되었어요. |
| 23 | + |
| 24 | +- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0) |
| 25 | + |
| 26 | +Browser Mode 개선, `expect.poll` 추가, `test.for` 추가도 있어요. |
| 27 | +Browser Mode에 대해서는, 다음 페이지에 상세히 설명되어 있어요. |
| 28 | + |
| 29 | +- [Vitest Browser Mode · vitest-dev/vitest · Discussion #5828](https://github.com/vitest-dev/vitest/discussions/5828) |
| 30 | + |
| 31 | +---- |
| 32 | + |
| 33 | +Node.js v22.5.0가 출시 되었어요 |
| 34 | + |
| 35 | +- [Node.js — Node v22.5.0 (Current)](https://nodejs.org/en/blog/release/v22.5.0) |
| 36 | + |
| 37 | +코어 모듈로 SQLite 다루는 `node:sqlite` 모듈이 추가되었어요. |
| 38 | + |
| 39 | +- [SQLite | Node.js v22.5.0 Documentation](https://nodejs.org/docs/latest/api/sqlite.html) |
| 40 | + |
| 41 | +또한, `--experimental-require-module`으로 `__esModule`로 프로퍼티를 고려하도록, `matchesGlob` 메서드 추가, `worker_threads`에 `postMessageToThread` 메서드 추가도 있어요. |
| 42 | + |
| 43 | +--- |
| 44 | + |
| 45 | +[Private Browsing 2.0 | WebKit](https://webkit.org/blog/15697/private-browsing-2-0/)에서는, Safari 17 이후 사생활 보호 모드 개선에 대한 내용이에요. |
| 46 | +여러 종류의 트래킹 대책에 대해 작성되어있구요. |
| 47 | + |
| 48 | +--- |
| 49 | + |
| 50 | +## 안내 |
| 51 | + |
| 52 | +이번에는 JSer.info 700회 째 글이에요! |
| 53 | + |
| 54 | +앞으로도, JSer.info를 잘 부탁드립니다. |
| 55 | + |
| 56 | +JSer.info 지원하는 방법에 대해서는, 다음 글에 설명되어 있어요. |
| 57 | + |
| 58 | +- [Support - JSer.info](https://jser.info/ko/support/) |
| 59 | + |
| 60 | +---- |
| 61 | + |
| 62 | +{% include inline-support.html %} |
| 63 | + |
| 64 | +---- |
| 65 | + |
| 66 | +<h1 class="site-genre">ヘッドライン</h1> |
| 67 | + |
| 68 | +---- |
| 69 | + |
| 70 | +## Deno 1.45: Workspace and Monorepo Support |
| 71 | +[deno.com/blog/v1.45](https://deno.com/blog/v1.45 "Deno 1.45: Workspace and Monorepo Support") |
| 72 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p> |
| 73 | + |
| 74 | +Deno v1.45 출시. |
| 75 | +npm workspaces 지원, Node.js 코어 패키지와 호환성 향상, `--frozen` 플래그 추가. |
| 76 | +`DENO_FUTURE=1`로 `deno install <pkg>` 로컬 설치하도록 변경, npm life-cycle script 지원. |
| 77 | +`deno init --lib`으로 JSR에 대응한 프로젝트 셋업 지원, `deno vendor` 비권장화. |
| 78 | + |
| 79 | + |
| 80 | +---- |
| 81 | + |
| 82 | +## Firefox 128.0, See All New Features, Updates and Fixes |
| 83 | +[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") |
| 84 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p> |
| 85 | + |
| 86 | +Firefox 128 출시. |
| 87 | +CSS Relative color 구문 지원, `content`에서 alt text 지원. |
| 88 | +`ArrayBuffer.prototype.resize()` 지원, `CSS.registerProperty()` 지원. |
| 89 | +실험 플래그 조건으로 Cookies Having Independent Partitioned State (CHIPS) 지원 |
| 90 | + |
| 91 | +- [Firefox 128 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/128 "Firefox 128 for developers - Mozilla | MDN") |
| 92 | + |
| 93 | +---- |
| 94 | + |
| 95 | +## Bun v1.1.19 | Bun Blog |
| 96 | +[bun.sh/blog/bun-v1.1.19](https://bun.sh/blog/bun-v1.1.19 "Bun v1.1.19 | Bun Blog") |
| 97 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p> |
| 98 | + |
| 99 | +Bun v1.1.19 출시. |
| 100 | +Windows에서 FTL JIT 유효화, Raspberry Pi 4 지원, `pacakge.json` 인덴트 유지하게끔 변경 |
| 101 | + |
| 102 | + |
| 103 | +---- |
| 104 | + |
| 105 | +## Release v2.0.0 · vitest-dev/vitest |
| 106 | +[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") |
| 107 | +<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> |
| 108 | + |
| 109 | +vitest v2.0.0 출시. |
| 110 | +비권장 옵션 삭제, 일부 옵션 기본값 변경. |
| 111 | +brower mode 개선, `expect.poll ` 추가, `test.for` 추가 |
| 112 | + |
| 113 | +- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0 "Migration Guide | Guide | Vitest") |
| 114 | + |
| 115 | +---- |
| 116 | + |
| 117 | +## Node.js — Node v22.5.0 (Current) |
| 118 | +[nodejs.org/en/blog/release/v22.5.0](https://nodejs.org/en/blog/release/v22.5.0 "Node.js — Node v22.5.0 (Current)") |
| 119 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p> |
| 120 | + |
| 121 | +Node.js v22.5.0 출시. |
| 122 | +`node:sqlite` 모듈 추가, `--experimental-require-module`으로 `__esModule` 프로퍼티 고려하도록, `matchesGlob` 메서드 추가. |
| 123 | +`worker_threads`에 `postMessageToThread` 메서드 추가 |
| 124 | + |
| 125 | + |
| 126 | +---- |
| 127 | + |
| 128 | +## Second Beta of jQuery 4.0.0 | Official jQuery Blog |
| 129 | +[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") |
| 130 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">ReleaseNote</span></p> |
| 131 | + |
| 132 | +jQuery 4.0.0 beta 2 출시. |
| 133 | +ESM Wrapper 사용한 dual packages 지원, `hidden` 속성 등에서 boolean과 값을 다루는 속성 핸들링을 위한 `.attr`에 boolean 값의 특수한 처리 삭제 |
| 134 | + |
| 135 | + |
| 136 | +---- |
| 137 | +<h1 class="site-genre">읽을거리</h1> |
| 138 | + |
| 139 | +---- |
| 140 | + |
| 141 | +## Moving from express to fastify, pt 1 |
| 142 | +[blog.val.town/blog/fastify/](https://blog.val.town/blog/fastify/ "Moving from express to fastify, pt 1") |
| 143 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">article</span></p> |
| 144 | + |
| 145 | +express에서 fastify로 단계적 이행에 관하여. |
| 146 | +`@fastify/express` 사용해서 라우팅째로 이행했다는 이야기 |
| 147 | + |
| 148 | + |
| 149 | +---- |
| 150 | + |
| 151 | +## Private Browsing 2.0 | WebKit |
| 152 | +[webkit.org/blog/15697/private-browsing-2-0/](https://webkit.org/blog/15697/private-browsing-2-0/ "Private Browsing 2.0 | WebKit") |
| 153 | +<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> |
| 154 | + |
| 155 | +Safari의 Private Browsing 모드에 관하여. |
| 156 | +Safari 17에는, Link Tracking Protection, CNAME-cloaking 대책, Fingerpriting 대책. |
| 157 | +또한, third-party IP 주소 사용한 cloaking 대책, Storage이나 blob URLs의 paritition도 실시. |
| 158 | + |
| 159 | + |
| 160 | +---- |
| 161 | + |
| 162 | +## Reading and writing Node.js streams |
| 163 | +[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") |
| 164 | +<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> |
| 165 | + |
| 166 | +Node.js Stream에 대하여. |
| 167 | +Stream 용도, Backpressure, 기본 로딩, Async Iterator 처리 방법에 대하여 |
| 168 | + |
| 169 | + |
| 170 | +---- |
| 171 | + |
| 172 | +## Misconceptions about view transitions | Blog | Chrome for Developers |
| 173 | +[developer.chrome.com/blog/view-transitions-misconceptions?hl=en](https://developer.chrome.com/blog/view-transitions-misconceptions?hl=en "Misconceptions about view transitions | Blog | Chrome for Developers") |
| 174 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">article</span></p> |
| 175 | + |
| 176 | +View Transition API 현재 동작에 대하여. |
| 177 | +View Transition API와 스냅샷 동작, `blocking=render`과의 조합에 대하여 |
| 178 | + |
| 179 | + |
| 180 | +---- |
| 181 | +<h1 class="site-genre">웹사이트, 서비스, 문서</h1> |
| 182 | + |
| 183 | +---- |
| 184 | + |
| 185 | +## Mako - Extremely fast, Production-grade web bundler |
| 186 | +[makojs.dev/](https://makojs.dev/ "Mako - Extremely fast, Production-grade web bundler") |
| 187 | +<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> |
| 188 | + |
| 189 | +Rust로 작성한 bundler |
| 190 | + |
| 191 | +- [Mako - Mako is Now Open Source](https://makojs.dev/blog/mako-open-sourced "Mako - Mako is Now Open Source") |
| 192 | + |
| 193 | +---- |
| 194 | + |
| 195 | +## toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash. |
| 196 | +[github.com/toss/es-toolkit?tab=readme-ov-file](https://github.com/toss/es-toolkit?tab=readme-ov-file "toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash.") |
| 197 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p> |
| 198 | + |
| 199 | +lodash 같은 utility 라이브러리 |
| 200 | + |
| 201 | + |
| 202 | +---- |
| 203 | +<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1> |
| 204 | + |
| 205 | +---- |
| 206 | + |
| 207 | +## mjackson/fetch-super-headers: A drop-in replacement for JavaScript \`Headers\` with type-safe access |
| 208 | +[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") |
| 209 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p> |
| 210 | + |
| 211 | +Type Safe한 `Headers` 호환 라이브러리 |
| 212 | + |
| 213 | + |
| 214 | +---- |
| 215 | + |
| 216 | +## Poku - Making Testing Easy |
| 217 | +[poku.io/](https://poku.io/ "Poku - Making Testing Easy") |
| 218 | +<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> |
| 219 | + |
| 220 | +Node.js/Bun/Deno에서 동작하는 프레임워크. |
| 221 | +외부 의존 최소환으로해서 하위호환까지 염두해 만들어졌음, assertion이나 서버 프로세스와 연계 테스트 프레임워크로 필요한 기능도 준비되어 있음. |
| 222 | + |
| 223 | +---- |
| 224 | + |
| 225 | +## CSS Grid Generator |
| 226 | +[cssgridgenerator.io/](https://cssgridgenerator.io/ "CSS Grid Generator") |
| 227 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">Tools</span></p> |
| 228 | + |
| 229 | +CSS Grid 생성기 |
| 230 | + |
| 231 | + |
| 232 | +---- |
| 233 | +<h1 class="site-genre">도서</h1> |
| 234 | + |
| 235 | +---- |
| 236 | + |
| 237 | +## 동작시키면서 배우자!Next.js/React 개발 입문 | 미요시 아키 | 책 | 통판 | Amazon |
| 238 | +[www.amazon.co.jp/dp/4798184675/](https://www.amazon.co.jp/dp/4798184675/ "동작시키면서 배우자!Next.js/React 개발 입문 | 미요시 아키 | 책 | 통판 | Amazon") |
| 239 | +<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> |
| 240 | + |
| 241 | +2024년 09월 19일 발매 |
| 242 | +Next.js 도서 |
| 243 | + |
| 244 | + |
| 245 | +---- |
0 commit comments