JSer.info #729 - Node.js v20.19.0(LTS)가 출시되었습니다
이번 출시에는, Node.js 20.x에 require(esm) 기능이 백포트 되어, ES Modules를 CommonJS에서 직접 임포트 할 수 있게 되었습니다.
그리고, 애매한 JavaScript 파일을 CommonJS와 ES Modules 중에서 어떻게 다룰지 자동적으로 판단하는 --experimental-detect-module 플래그가 기본 유효화 되었습니다.
검증 라이브러리 Valibot v1.0가 출시되었습니다
Valibot는, Zod나 ArkType 등과 같이 스킴을 정의해 검증하는 라이브러리입니다.
Valibot는 Tree Shaking으로 인하여 이용하지 않은 빌더 함수를 삭제하도록 만들어져서, bundle에 포함되는 파일 크기를 작게 유지하는 것이 특징입니다.
CSS 상대 컬러에 대해 인터렉티브 한 가이드가 공개되었습니다.
이 글에서는, color-function(from origin channel1 channel2 channel3 / alpha) 구문, color-mix()등 컬러 함수 사용 방법과 실사용 예시를 풍부한 인터렉티브 데모를 통해 해설합니다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Node.js — Node v20.19.0 (LTS)
nodejs.org/en/blog/release/v20.19.0
Node.js v20.19.0 출시.
Node.js 20.x에는 require(esm)를 백포트, --experimental-detect-module 기본적으로 유효로 변경
Node.js — Node v23.10.0 (Current)
nodejs.org/en/blog/release/v23.10.0
Node.js v23.10.0 출시.
--experimental-config-file 플래그 추가하면 node.config.json 파일에서 Node.js Option 설정을 얹을 수 있도록
Oxc Minifier Alpha | The JavaScript Oxidation Compiler
oxc.rs/blog/2025-03-13-minifier-alpha
Oxc Minifier Alpha 출시.
Oxc 기반 minifier로 Rolldown에도 들어감
Oxlint Beta | The JavaScript Oxidation Compiler
oxc.rs/blog/2025-03-15-oxlint-beta.html
Oxlint Beta 출시
eslint-plugin-oxlint를 사용한 ESLint와 병용에 대하여, .oxlintrc.json 파일 다루는 방법 변경.
.vue 파일 <script> 대하는 Lint 지원
Nuxt UI v3 · Nuxt Blog
Nuxt UI v3 출시.
HeadlesUI에서 Reka UI으로 이행, Tailwind CSS v4으로 업데이트, 자료형 안전한 테마 설정
Release Notes for Safari Technology Preview 215 | WebKit
webkit.org/blog/16523/release-notes-for-safari-technology-preview-215/
Safari Technology Preview 215 출시.
Scroll Driven Animation, text-wrap-style: pretty 지원, Anchor Positioning 지원.
Trusted Types 지원
Valibot v1 - The 1 kB schema library | Valibot
valibot.dev/blog/valibot-v1-the-1-kb-schema-library/
검증 라이브러리 Valibot v1. 출시.
Should Corepack stay in the Node.js distribution? by github-actions[bot] · Pull Request #1697 · nodejs/TSC
github.com/nodejs/TSC/pull/1697#issuecomment-2737093616
corepack은 Node.js 25+부터 동봉되지 않을 예정.
Node.js 24에는 experimental한 것으로 포함되었지만, Node.js 24가 EOL이 된 이후 corepack 관리가 어떻게 될지 불명확
Authorization Bypass in Next.js Middleware · CVE-2025-29927 · GitHub Advisory Database
github.com/advisories/GHSA-f82v-jwr5-mffw
Next.js 보안 수정으로 15.2.3와 14.2.25가 출시.
특정 HTTP 헤더를 붙이면, middleware가 완전이 바이패스되는 취약성이 수정됨
- Next.js and the corrupt middleware: the authorizing artifact - zhero_web_security
- Release v15.2.3 · vercel/next.js
Introducing Motion for Vue - Motion Blog
motion.dev/blog/introducing-motion-for-vue
Motion의 Vue 지원 출시
Thank you - Open Collective
opencollective.com/styled-components/updates/thank-you
styled-components는 관리 모드가 되어, 새로운 기능을 넣는 등의 기능 개발은 없을 예정
Release v4.0.0-alpha.0 · apollographql/apollo-client
github.com/apollographql/apollo-client/releases/tag/v4.0.0-alpha.0
Apollo Client v4.0.0-alpha.0 출시.
asyncMap/isApolloError/addTypename 옵션 삭제.
React 16 지원 종료, 비권장된 메서드 및 옵션 삭제, ApolloError 각종 에러는 배타적 에러로 만들어 명확하게 변경.
Observable 구현을 rxjs으로 변경, 패키지 빌드 타겟 변경
읽을거리
Web 프론트엔드의 리액티브에서 alien-signals를 알아보자
zenn.dev/comm_vue_nuxt/articles/about-alien-signals
Reactive의 Push/Pull 자료형에 대하여.
Vue 3.6에서 이용하는 alien-signals에 대하여
CSS Relative Colors
ishadeed.com/article/css-relative-colors/
CSS 상대 컬러에 대하여 인터렉티브한 가이드
Functions in CSS?! | CSS-Tricks
css-tricks.com/functions-in-css/
CSS 함수 정의인 @function에 대하여
소프트웨어, 도구, 라이브러리
inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
보이는 범위만 렌더링하는 Virtual List 라이브러리. React/Vue/Solid/Svelte 지원.
