JSer.info #743 - Nuxt 3.18가 출시되었다.
지연 하이드레이션용 Lazy Hydration Macros, <NuxtRouteAnnouncer> 접근성 개선, Chrome DevTools 워크 스페이스 통합 추가가 포함. 또한, onWatcherCleanup의 auto-import나 성능 개선도 있다.
Bun v1.2.19가 출시되었다.
bun install --linker=isolated 지원, bun update --interactive으로 인터렉티브 의존 관계를 갱신 가능한 기능, bun pm pkg 명령어 추가. 또한, process.features.typescript 지원이나 fs.glob의 exclude 옵션 지원도 추가.
다음 글 에서는, SVG의 기본적 개념에 대해 설명합니다.
기본 도형, 스케이블한 구조, viewBox 사용 방법, stroke 속성 사용한 애니메이션을 SVG 코드 사용해서 설명합니다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release v0.34.0 · nodejs/corepack
github.com/nodejs/corepack/releases/tag/v0.34.0
corepack v0.34.0 출시.
Node.js 18와 Node.js 23 지원 종료
Release v5.8.0 · gvergnaud/ts-pattern
github.com/gvergnaud/ts-pattern/releases/tag/v5.8.0
ts-pattern 5.8.0 출시.
.narrwo() 메서드 추가
npm 'accidentally' removes Stylus package, breaks builds and pipelines
stylus 패키지가 npm에서 삭제되는 문제에 대하여.
관련 관리자가 악의있는 패키지를 공개한 사건에 휘말려, 일시적으로 npm에서 삭제됨. 현재는 복구
Announcing TypeScript 5.9 RC - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-9-rc/
TypeScript 5.9 RC 출시.
tsc --init으로 생성하는 설정 변경, import defer 지원, --module node20 지원
Nuxt 3.18 · Nuxt Blog
Nuxt v3.18 출시.
지연 하이드레이션용 Lazy Hydration Macros, <NuxtRouteAnnouncer> 접근성 개선, Chrome DevTools 워크스페이스 통합 추가.
onWatcherCleanup의 auto-import, 성능 개선
Bun v1.2.19 | Bun Blog
Bun v1.2.19 출시.
bun install --linker=isolated 지원, bun update --interactive으로 인터렉티브한 의존관계 갱신 대응, bun pm pkg 추가.
process.features.typescript 지원, fs.glob의 exclude 옵션 지원
읽을거리
State of HTML 2025
survey.devographics.com/en-US/survey/state-of-html/2025
State of HTML 2025 앙케이트 시작
A Friendly Introduction to SVG • Josh W. Comeau
www.joshwcomeau.com/svg/friendly-introduction-to-svg/
SVG 기본적인 개념을 손으로 작성하면서 소개하는 글
기본 도형, 스케이블한 구조, viewBox 사용 방법, stroke 속성 사용한 애니메이션에 대하여.
최신 HTML을 다시 한 번 제대로 배워봤다
zenn.dev/dinii/articles/16b3e71b580b6c
최신 HTML 기능 관련하여.
- Popover API
- dialog
- details
- inert
- search
- loading
- fetchpriority
- blocking
- inputmode
- enterkeyhint
- rel
How Parcel bundles React Server Components
devongovett.me/blog/parcel-rsc.html
Parcel으로 React Server Components(RSC)를 번들링 하는 구조에 대하여.
Code Spiltting으로 인해 bundle 분할과 Dynamic Import으로 인한 네트워크 워터폴 문제 관련하여.
RSC에서는, 이 문제를 코드 구조 변경하지 않고 해결하고 있다는 점에 대하여
Stop Re-Rendering — TanStack DB, the Embedded Client Database for TanStack Query | TanStack Blog
tanstack.com/blog/tanstack-db-0.1-the-embedded-client-database-for-tanstack-query
TanStack DB와 클라이언트 측의 DB와 백엔드 DB 동기하는 쿼리 엔진
슬라이드, 영상
Why Is Everyone Talking About Lynx? The Architect’s Breakdown - YouTube
www.youtube.com/watch?v=l2dByiwiQcM
Lynx이란.
Lynx 네이티브 UI, 기동 속도를 빠르게 하는 구조, Main Thread JSとBackground Thread.
TikTok의 UI 프레임워크를 2025년 후반에 출시 예정.
웹사이트, 서비스, 문서
Incremental Adoption – React
react.dev/learn/react-compiler/incremental-adoption
React Compiler 새로운 문서 공개
소프트웨어, 도구, 라이브러리
Vanilla JavaScript support for Tailwind Plus - Tailwind CSS
tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus
@tailwindplus/elements가 공개.
Tailwind UI Components 동작을 특정 프레임워크에 의존하지 않게 동작하기 위한 런타임 라이브러리
