Fork me on GitHub

2025-05-20: Zod 4, "use client", Fresh 2 Roadmap

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #735 - Zod 4가 출시되었습니다.

또한, zod@4자체는 공개되지 않았지만, [email protected]가 출시되어, zod/v4로 참조할 수 있습니다.

Zod 4에서는, 자료형 체크 성능과 번들 크기 개선이 있습니다.
또한, 스킴에 메타데이터를 연결할 z.registry()toJSONSchema() 추가, i18n 지원 추가됩니다. 파괴적 변경으로, 톱레벨 문자열 형식이나 메일 주소 정규표현 변경이 있습니다.


React의 "use client" Directives 역할에 대한 해설 글입니다.

이 글에서는 "use client""use server"는, 코드가 클라이언트 측 혹은 서버 측에서 실행되는가 마크하는 것이 아니라, "use client"는 클라이언트 컴포넌트의 코드를 서버 컴포넌트에서 참조 가능하도록 하기 위함이라 설명합니다.


Deno 웹 프레임워크 Fresh 버전2 관련 로드맵을 공개했습니다.

Fresh 2는 2025년 9월 출시를 목표로 하고, 현재 알파판이 공개되어 있습니다.
이 글에서는, Fresh 2 변경 예정 사항에 대해 설명하고 있습니다.


To support JSer.info


헤드라인


Release v19.0.0 · facebook/relay

github.com/facebook/relay/releases/tag/v19.0.0

GraphQL React library ReleaseNote

Relay v19.0.0 출시.
@alias가 conditional fragments에 필수이도록 변경, 문서 개선, React 19 대응.


Version v8.0.0 | Mantine

mantine.dev/changelog/8-0-0/

React library ReleaseNote

Mantine v8.0.0 출시.
DatePicker가 Date가 아니라 string으로 다뤄지도록 변경, CodeHighlight에 shiki를 사용하도록 변경.
Menu 컴포넌트가 submenus 지원, TimePicker 컴포넌트 추가


WebKit Features in Safari 18.5 | WebKit

webkit.org/blog/16923/webkit-features-in-safari-18-5/

webkit safari ReleaseNote

Safari 18.5 변경점.
Declarative Web Push를 macOS에도 지원.


Node.js — Wednesday, May 14, 2025 Security Releases

nodejs.org/en/blog/vulnerability/may-2025-security-releases

nodejs security ReleaseNote

Node.js 24.x, 23.x, 22.x, 20.x에 대한 보안 업데이트가 각기 공개되었습니다.


Release pnpm 10.11 · pnpm/pnpm

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

pnpm ReleaseNote

pnpm v10.11.0 출시.
pnpm initinit-type=module 옵션 추가, pnpm audit--ignore--ignore-unfixable 플래그 추가


Introducing Zod 4 | Zod

zod.dev/v4

JavaScript TypeScript library Electron ReleaseNote

zod 4 출시.
zod 3.25.0가 출시되어 zod/v4으로 참조 가능.
자료형 체크 성능과 bundle size 개선, zod mini 패키지 추가. 스킴에 엮을 메타데이터 관리 z.regisry() 추가, toJSONSchema() 추가, i18n 지원.
톱레벨 문자열 형식 변경, 메일 주소 정규표현 변경 가능, 템플릿 리터럴 자료형 지원


May 19, 2025 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2025-05-19.html

React library ReleaseNote

React Aria May 19, 2025 출시.
useTreeDatamoveBeforemoveAfter 메서드 추가, shouldSelectOnPressUp props를 collection components에 추가.
React 19의 ref cleanup callback 지원


읽을거리


Converting values to strings in JavaScript has pitfalls

2ality.com/2025/04/stringification-javascript.html

JavaScript article

JavaScript으로 값을 문자열로 변경하는 방법 비교


An Update on Fresh | Deno

deno.com/blog/an-update-on-fresh

deno article

Fresh 2 마일드 스톤.
2025년 9월에 출시할 예정, alpha판 공개중


ESLint can now lint HTML using the html-eslint language plugin - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2025/05/eslint-html-plugin/

ESLint HTML article

ESLint로 HTML를 Lint하기 위한 html-eslint가 출시


What Does "use client" Do? — overreacted

overreacted.io/what-does-use-client-do/

React article

"use client""use server"는 무엇인가.
클라이언트 측 / 서버 측 마크하는 수단이 아닌, "use client"는 클라이언트 함수를 서버에 export하는 것으로 인식


슬라이드, 영상


Design Tokens Course with Brad Frost and Ian Frost

designtokenscourse.com/

Design video

Design Token 강좌


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


ije/mono-jsx: `<html>` as a `Response`.

github.com/ije/mono-jsx

JavaScript jsx server library

JSX Runtime 라이브러리.
서버사이드 템플릿으로 JSX 이용, 컴포넌트 State나 Streaming Rendering 지원


aidenybai/bippy: ⚠️ hack into react internals

github.com/aidenybai/bippy

React debug Tools library

React 내부 상태 사용한 React 애플리케이션을 디버그하는 도구 / 라이브러리.
React DevTools 대상 처리를 사용해 내부 상태 관찰


webdiscus/ansis: CJS/ESM ANSI color library for CI, terminals and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS.

github.com/webdiscus/ansis

JavaScript library color

ANSI color 라이브러리


macieklamberski/feedsmith: Robust and fast parser and generator for RSS, Atom, JSON Feed, and RDF feeds, with support for Podcast, iTunes, Dublin Core, and OPML files.

github.com/macieklamberski/feedsmith

JavaScript rss library

RSS와 OPML 파서 / 제네레이터 라이브러리


도서


하이퍼 메타 시스템 | 기술평론사

gihyo.jp/book/2025/978-4-297-14945-1

JavaScript book

2025년 6월 11일 발매
htmx 관련 도서.


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