Fork me on GitHub

2025-06-15: Safari 26 Beta, pnpm 10.12, Jest 30

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #738 - Safari 26 beta가 출시되었습니다.

이 버전부터 macOS와 같이, 서기 밑의 2자리가 Safari 버전이 됩니다.

CSS는, Anchor Positioning, Scroll-driven Animations, text-wrap:pretty, contrast-color(), progress() 지원됩니다.
Web API는, WebGPU, HDR Images, Digital Credentials API, Trusted Types API, URL Pattern가 새롭게 지원됩니다.
Web Inspector는 Service Worker이나 비동기처리 디버그 개선됩니다.
그 외로는, SVG 파비콘 대응이나 WebAssembly 인터프리터로 쓸 때 실행 속도 개선이 있습니다.


pnpm v10.12.1가 출시되었습니다.

실험적 기능으로 enableGlobalVirtualStore 옵션에서 글로벌 가상 스토어를 지원하고, 의존 관계 캐시가 있을 때 설치 속도가 빨라집니다. 또한, pnpm update가 catalog 지원하고, catalogMode 옵션이나 --save-catalog 플러그가 추가됩니다.


Jest 30가 출시되었습니다.

Node.js 14/16/19/21 지원 종료, TypeScript 5.4+, jsdom 26으로 업데이트 했습니다.
unrs-resolver 사용한 성능과 메모리 개선, 설정 파일에서 TypeScript 지원, import.meta 지원, using 사용한 spy 자동 복구 추가가 있습니다.
또한, expect.arrayOf, jest.advanceTimersToNextFrame(), jest.unstable_unmockModule() 같은 새로운 API도 추가되었습니다.


To support JSer.info


헤드라인


Oxlint v1.0 Stable | The JavaScript Oxidation Compiler

oxc.rs/blog/2025-06-10-oxlint-stable

ESLint ReleaseNote

Oxlint 1.0 출시.


Release 3.43.0 - 2025.06.09 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v3.43.0

JavaScript polyfill ReleaseNote

core-js v3.43.0 출시.
Explicit Resource Management/Array.fromAsync/Error.isError가 Stable으로 이행.
Joint iteration/Iterator chunking의 Stage 2 proposal 추가, Math.clamp에서 Number.prototype.clamp으로 변경


Node.js — Node v24.2.0 (Current)

nodejs.org/en/blog/release/v24.2.0

nodejs ReleaseNote

Node.js v24.2.0 출시.
HTTP/2 priority signaling 삭제, import.meta.main 지원


Release pnpm 10.12.1 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v10.12.1

pnpm ReleaseNote

pnpm v10.12.1 출시.
실험적 기능으로 enableGlobalVirtualStore 옵션으로 글로벌 가상 스토어 지원.
의존 관계 그래프 해쉬를 이름으로 글로벌 스토어로 하드링크 해서 캐시가 있을 때 설치가 고속이 됨.
pnpm update가 catalog 지원, catalogMode 옵션 추가, --save-catalog 추가


Jest 30: Faster, Leaner, Better · Jest

jestjs.io/blog/2025/06/04/jest-30

jest test ReleaseNote

Jest 30 출시.
Node.js 14/16/19/21 지원 종료, TypeScript 5.4+, jsdom 26 업데이트.
expect 얼라이어스 삭제, --testPathPattern--testPathPatterns 으로 재명명.
unrs-resolver 사용해 성능과 메모리 개선, 설정 파일에서 TS 지원, import.meta 지원, using 사용한 spy 자동복구.
expect.arrayOf 추가, jest.advanceTimersToNextFrame() 추가, jest.unstable_unmockModule() 추가


News from WWDC25: WebKit in Safari 26 beta | WebKit

webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/

safari webkit ReleaseNote

Safari 26 beta 변경점 관련.
CSS는, Anchor Positioning/Scroll-driven Animations/text-wrap:pretty/contrast-color()/progress() 지원.
Web API는, WebGPU/HDR Images/Digital Credentials API/Trusted Types API/URL Pattern 지원.
Web Inspector에서 Service Worker나 비동기 디버그 개선.
그 외로는, SVG 파비콘 대응, WebAssembly를 인터프리터에서 쓸 때 실행 속도 개선


읽을거리


State of CSS 2025

survey.devographics.com/en-US/survey/state-of-css/2025

css Survey

CSS 개발자 앙케이트 State of CSS 2025 모집 시작


WebStatus.dev: Now with more data, deeper insights, and a clearer path to Baseline  |  Blog  |  web.dev

web.dev/blog/web-platform-dashboard-evolution?hl=en

article browser

웹플랫폼에서 Baseline 구현 상태를 가시화하는 대시보드 WebStatus.dev 관련하여


We shipped FinalizationRegistry in Workers: why you should never use it

blog.cloudflare.com/we-shipped-finalizationregistry-in-workers-why-you-should-never-use-it/

cloudflare JavaScript article

Cloudflare Workers에서 FinalizationRegistry API 지원 관련.
WebAssembly와 연계할 때 메모리 관리로, JavaScript 객체가 가비지 콜렉션 되늘 때 콜백 실행하는 API.

비결정적인 실행 타이밍을 위해 사용 권장하지 않고, 대신 Explicit Resource Management 사용을 추천. I/O 조작이 무효화하는 등 안전 대책을 구현해서 제공


Storybook 9

storybook.js.org/blog/storybook-9/

debug JavaScript Tools article

Storybook 9 변경점 관련하여.
파괴적인 변경으로, @storybook/addon-essentials 삭제하고 core에 통합, 패키지 구조 변경.
Vitest과 Playwright 사용해서 Storybook 테스트 기능을 Stable으로 변경, 패키지 크기를 48% 삭감.
Interaction/Accessibility/Visual 테스트 기능 통합, Story 생성 기능, Tags-based 관리 기능 추가.
Vite-powered Next.js, Svelte 5, React Native 개선


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


web-infra-dev/rstest: The testing framework powered by Rspack (WIP).

github.com/web-infra-dev/rstest

test library JavaScript rspack

Rspack 사용한 Vitest 같은 테스트 프레임워크


aymericzip/intlayer: Internationalisation solution for JS application focusing on scalability. Make your JavaScript / TypeScript application multilingue.

github.com/aymericzip/intlayer

React Vue Next.js i18n library

React/Next.js/Vue 지원하는 i18n 프레임워크.
코드 생성과 로케일 파일을 사용한 번역, 비주얼 에디터, middleware 제공, Markdown 지원


Nergie/no-barrel-file

github.com/Nergie/no-barrel-file

JavaScript Tools

barrel imports 검지하고 수정하는 도구


Pull Request to this article
JSer.info Slackに参加する