diff --git a/_i18n/ko/_posts/2026/2026-09-10-vitest-5.0-zod-4.5-shopifytailwind-labs.md b/_i18n/ko/_posts/2026/2026-09-10-vitest-5.0-zod-4.5-shopifytailwind-labs.md new file mode 100644 index 00000000000..4031612877a --- /dev/null +++ b/_i18n/ko/_posts/2026/2026-09-10-vitest-5.0-zod-4.5-shopifytailwind-labs.md @@ -0,0 +1,249 @@ +--- +title: "2026-09-10: Vitest 5.0, Zod 4.5, Shopify가 Tailwind Labs 인수" +author: "azu" +translator: rewrite0w0 +layout: post +date: 2026-09-10T13:24:54.443Z +category: JSer +tags: +- Vitest +- vite +- testing +- Zod +- TypeScript +- TailwindCSS +- css + +--- + +JSer.info #779 - Vitest 5.0가 출시됐다. + +- [Vitest 5.0 is out! | Vitest](https://vitest.dev/blog/vitest-5.html) + +`clearMocks`가 기본적으로 유효, locator가 완전 일치해야 검색되도록 변경된다. +Benchmarking API가 재작성되어, Browser Mode의 `browser.traceView`, `vi.when`가 추가된다. +또한, `vitest doctor`, `--repeats`, `coverage.autoAttachSubprocess` 추가된다. + +--- + +Zod 4.5가 출시됐다. + +- [Zod 4.5](https://zod.dev/blog/zod-4-5) + +`z.compile()`에 의한 스키마 사전 컴파일, `z.creditCard()`, `z.properties()`가 추가된다. +`z.deepPartial()`, `.exactPartial()`, `z.validate()`, `z.input()`/`z.output()`, `z.toZod()` 추가된다. +그 외로, `z.iso.datetime()`에서 초가 필수적이도록 변경, 문자열 길이를 Code Point로 세도록 변경, `__proto__`를 항상 제거하도록 변경. + +--- + +Shopify가 Tailwind Labs 인수를 발표했다. + +- [Tailwind Labs is joining Shopify - Tailwind CSS](https://tailwindcss.com/blog/tailwind-is-joining-shopify) + +Tailwind CSS 오픈소스 프로젝트는 MIT 라이센스 유지, Tailwind Labs 팀이 Shopify 지원을 받으며 개발 지속한다. +Tailwind Plus와 ui.sh는 기존 고객 접근 유지, 신규 등록 종료할 예정이다. + +---- + +

헤드라인

+ +---- + +## Release v4.0.0 · plotly/plotly.js +[github.com/plotly/plotly.js/releases/tag/v4.0.0](https://github.com/plotly/plotly.js/releases/tag/v4.0.0 "Release v4.0.0 · plotly/plotly.js") +

JavaScript chart library ReleaseNote

+ +plotly.js 4.0.0 출시. +Node.js 22 미만 지원 종료, `scattermapbox`/`choroplethmapbox`/`densitymapbox` 삭제. +`mapboxAccessToken` 삭제, MathJax v2 지원 종료 v3/v4를 지원, 색 처리 라이브러리를 culori로 변경 + + +---- + +## htmx 4.0.0 has been released! ~ htmx +[four.htmx.org/announcements/2026-08-28-htmx-4.0.0-is-released](https://four.htmx.org/announcements/2026-08-28-htmx-4.0.0-is-released "htmx 4.0.0 has been released! ~ htmx") +

JavaScript HTML library ReleaseNote

+ +htmx 4.0.0 출시. +속성 계승을 `:inherited`으로 명시하도록 변경, 이벤트명을 `htmx:phase:action` 형식으로 변경 +이력 캐시는 `localStorage`를 사용하지 않고 재취득하는 형태로 변경. +XHR에서 `fetch()` 기반 구현을 이행, Morph Swap, ``, `hx-preload`/`hx-download` 추가 + + +---- + +## Zod 4.5 +[zod.dev/blog/zod-4-5](https://zod.dev/blog/zod-4-5 "Zod 4.5") +

JavaScript TypeScript library ReleaseNote

+ +Zod 4.5 출시. +`z.compile()` 스키마 사전 컴파일, `z.creditCard()`/`z.properties()` 추가. +`z.deepPartial()`/`.exactPartial()`, `z.validate()`, `z.input()`/`z.output()`, `z.toZod()` 추가. +`z.iso.datetime()`에서 초를 필수로 변경, 문자열 길이를 Code Point 카운팅하도록 변경, `__proto__`를 늘 제거하도록 변경 + +- [Reducing Zod's memory footprint by an order of magnitude with method memoization](https://zod.dev/blog/reducing-memory-footprint "Reducing Zod's memory footprint by an order of magnitude with method memoization") + +---- + +## Announcing Rspack 2.2 - Rspack +[rspack.rs/blog/announcing-2-2](https://rspack.rs/blog/announcing-2-2 "Announcing Rspack 2.2 - Rspack") +

rspack ReleaseNote

+ +Rspack 2.2 출시. +HMR 개선, Browserslist 베이스 라인 쿼리를 지원. Rspack 고유 모듈 변수를 `import.meta`로 공개하도록 변경. +Rsbuild에는, Node.js 빌드에서 split chunks를 기본적으로 유효, Solid v2 지원. +Rslib가 TypeScript 7를 지원 + + +---- + +## Node.js — Node.js 24.20.0 (LTS) +[nodejs.org/en/blog/release/v24.20.0](https://nodejs.org/en/blog/release/v24.20.0 "Node.js — Node.js 24.20.0 (LTS)") +

nodejs ReleaseNote

+ +Node.js v24.20.0(LTS) 출시. +`AsyncLocalStorage`에서의 `using` scope 추가, `Buffer`에 `end` 파라미터 추가. +`permission.drop()`/`--permission-audit`, package maps, `node:stream/iter` 추가 + + +---- + +## Remix 3 Release Candidate | Remix +[remix.run/blog/remix-3-release-candidate](https://remix.run/blog/remix-3-release-candidate "Remix 3 Release Candidate | Remix") +

Remix JavaScript ReleaseNote

+ +Remix 3.0.0-rc.1 출시. + + +---- + +## Electron 44 | Electron +[www.electronjs.org/blog/electron-44-0](https://www.electronjs.org/blog/electron-44-0 "Electron 44 | Electron") +

Electron ReleaseNote

+ +Electron 44 출시. +Chromium 152.0.7977.54, Node.js v24.18.1, V8 15.2으로 업데이트. +macOS 12/Windows 32-bit/Linux ARM 32-bit 지원 종료, renderer에서 `clipboard` 직접 이용 삭제. +`clipboard` 비동기 API화, `windowStatePersistence`, `net.WebSocket` 추가. +`webContents.setZoomMode()`, `webFrameMain.printToPDF()`, Linux의 `win.setOpacity()` 추가. + + +---- + +## Vitest 5.0 is out! | Vitest +[vitest.dev/blog/vitest-5.html](https://vitest.dev/blog/vitest-5.html "Vitest 5.0 is out! | Vitest") +

JavaScript vite testing ReleaseNote

+ +Vitest 5.0 출시. +기본적 동작을 변경해서 `clearMocks` 유효화, 네스트한 프로젝트 설정을 기본적으로 계승하도록 변경, locator가 strict match 하도록 변경. +Benchmarking API 재작성, Browser Mode의 `browser.traceView` 추가, `vi.when` 추가. +`vitest doctor`, `--repeats`, `coverage.autoAttachSubprocess` 추가. + +- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration/ "Migration Guide | Guide | Vitest") + +---- + +## Release v1.63.0 · microsoft/playwright +[github.com/microsoft/playwright/releases/tag/v1.63.0](https://github.com/microsoft/playwright/releases/tag/v1.63.0 "Release v1.63.0 · microsoft/playwright") +

playwright testing ReleaseNote

+ +Playwright v1.63.0 출시. +유효 리소스를 사용하는 테스트의 배타 실행을 다루는 `lock`, 게시 요소만 제한하는 `locator.visible()` 추가. +`page.frameLocator()`으로 프레임을 넘어다니는 Locator 검색 대응. +`trace`에서 `snapshots` 옵션 추가, `locator.ariaSnapshotJSON()` 추가 + + +---- + +## Firefox 155.0, See All New Features, Updates and Fixes +[www.firefox.com/en-US/firefox/155.0/releasenotes/](https://www.firefox.com/en-US/firefox/155.0/releasenotes/ "Firefox 155.0, See All New Features, Updates and Fixes") +

Firefox browser ReleaseNote css WebAssembly HTTP3 WebRTC

+ +Firefox 155.0 출시. +CSS의 `attr()`/`progress()`/`alpha()`, HTTP/3에서의 QUIC v2 지원. +WebAssembly Compact Import Section/Wide Arithmetic 지원. +개발자 도구에는 `prefers-reduced-motion` 에뮬레이션, JSON Lines 게시, 프레임 변경하는 포인트 단축키 추가. +`mailto:` 링크는 유저가 조작할 때만 열도록 변경 + +- [Firefox 155 release notes for developers (Stable) - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/155 "Firefox 155 release notes for developers (Stable) - Mozilla | MDN") + +---- + +## Tailwind Labs is joining Shopify - Tailwind CSS +[tailwindcss.com/blog/tailwind-is-joining-shopify](https://tailwindcss.com/blog/tailwind-is-joining-shopify "Tailwind Labs is joining Shopify - Tailwind CSS") +

css OpenSource news

+ +Shopify가 Tailwind Labs 인수. +Tailwind CSS의 OSS는 MIT 라이센스 유지, Tailwind Labs 팀이 Shopify 지원으로 개발 지속. +Tailwind Plus와 ui.sh는 기존 고객 접근 유지, 신규 가입은 종료 예정. + + +---- +

읽을거리

+ +---- + +## How Turbopack chunks your JavaScript | Next.js +[nextjs.org/blog/turbopack-chunking](https://nextjs.org/blog/turbopack-chunking "How Turbopack chunks your JavaScript | Next.js") +

Next.js JavaScript article performance

+ +Turbopack의 Chunk 분할 알고리즘에 관하여. +Chunk 머지로 인한 리퀘스트 수와 전송량 트레이드 오프에 관해 설명. +Next.js 16.3의 `generateComponentChunks`에는, 빌드할 때에 머지된 Chunk와 개별 Chunk를 생성. +화면 전환에는, 읽은 코드를 토대로, 모아서 받을지, 부족한 Chunk만 받을지 판단. +또한 `firstPageLoadPriority`/`priorityRoutes`/`clusters`에 의한 검사나 CommonJS 대응도 다뤄짐. + + +---- + +## Fixing Top-Level Await in Safari | WebKit +[webkit.org/blog/18227/fixing-top-level-await-in-safari/](https://webkit.org/blog/18227/fixing-top-level-await-in-safari/ "Fixing Top-Level Await in Safari | WebKit") +

safari JavaScript article

+ +Safari 27/Safari Technology Preview 251에서 Top-Level Await 수정 관련하여. +Safari의 Module Loader를 JavaScript 구현에서 C++ 구현으로 작성하여, ECMAScript 사양에 따라, Top-Level Await 대응함 + + +---- +

웹사이트, 서비스, 문서

+ +---- + +## Release v2.0.1: Aube's own global home, leaner resolver, and dramatically lower install memory · jdx/aube +[github.com/jdx/aube/releases/tag/v2.0.1](https://github.com/jdx/aube/releases/tag/v2.0.1 "Release v2.0.1: Aube's own global home, leaner resolver, and dramatically lower install memory · jdx/aube") +

nodejs package Rust Tools

+ +Aube v2 출시. +`aube add -g` 설치처를 pnpm 디렉토리에서 Aube의 data root로 변경. +`lowest-direct`를 `ResolutionMode::LowestDirect`으로 공개 API에 추가, `aube store prune --dry-run --json` 구조화 출력을 추가. +`aube pack`/`aube publish`에서의 `catalog:` 해결. + + +---- + +## davideast/pyric: Firebase tooling for the agent era +[github.com/davideast/pyric](https://github.com/davideast/pyric "davideast/pyric: Firebase tooling for the agent era") +

JavaScript Tools vite MCP

+ +Firebase 애플리케이션을 로컬에서 동작하기 위한 개발 프레임워크/에뮬레이터. +Vite 플러그인으로 `firebase/*`의 import를 브라우저 내의 로컬 백엔드로 바꿈. +Auth/Firestore/Security Rules를 다루며, Pyric Studio이나 MCP bridge에서 상태 확인이나 조작 가능. + +- [Rules standard library reference · Pyric Studio](https://pyric.dev/docs/trust/rules-standard-library/ "Rules standard library reference · Pyric Studio") + +---- +

도서

+ +---- + +## minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진 라이브러리로 동작하는 헤드레스 조판 엔진 +[typeset.jp/](https://typeset.jp/ "minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진") +

TypeScript JavaScript library PDF japanese

+ +TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진. +TypeScript 코드로 문서구조와 스타일을 정의하고, PDF나 PNG를 생성. +금칙 처리, 세로 구성, 루비, 하이프네이션, 단 구성, float 배치를 다룸. + +- [minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진](https://typeset.jp/ "minitype – TypeScript 라이브러리로 동작하는 헤드레스 조판 엔진") + +----