JSer.info #708 - date-fns v4.0.0 출시되었어요.
date-fns v4.0.0는 TimeZone 지원, ESM와 CJS dual package로 변경이 있어요.
TimeZone 지원은 지금까지 date-fns-tz 외부 패키지로 제공했지만, v4.0.0부터는 @date-fns/tz가 Intl 기반으로 새로운 패키지로 제공되어요.
Denno 2.0 RC 출시되었어요.
Deno 2.0 RC에는 다양한 파괴적 변경이 있으므로, 이행 가이드도 공개되어 있어요.
글로벌 window
삭제/process
추가, deno add
로 jsr:
와 npm:
식별자 지정해 추가 가능, 권한 지정 관련 동작 변경도 있어요.
또한, WebGPU/Deno.dlopen()
/Deno.createHttpClient()
가 Stable로, 비권장 API나 커맨드 삭제도 있어요.
Safari 18.0 출시되었어요.
파괴적 변경으로, AppCache 지원 삭제, 표준화 되어 있지 않은 -webkit
prefix 추상클래스 지원 폐지, picture
요소에 JPEG2000 지원 삭제도 있어요.
추가 기능으로, 다음과 같은 변경이 있어요.
- CSS, View Transitions, Style Queries,
content-visibility
,@starting-style
와display: none
조합 지원 - HTML,
picture
요소로 HEIC 지원,writingsuggestions
속성 지원,<input switch>
지원 - JavaScript, 정규표현
v
플래그 지원,URL.parse()
지원
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 v4.0.0 · date-fns/date-fns
github.com/date-fns/date-fns/releases/tag/v4.0.0
date-fns v4.0.0 출시.
TimeZone 지원, ESM와 CJS의 dual package로 변경
Node.js — Node v22.9.0 (Current)
nodejs.org/en/blog/release/v22.9.0
Node.js v22.9.0 출시.
node:util
에 getCallSite
추가, V8 Maglev 무효화
Release v5.0.0 · fastify/fastify
github.com/fastify/fastify/releases/tag/v5.0.0
fastify v5.0.0 출시.
Node.js 20 미만 지원 종료, 비권장 API 삭제
Release v0.24.0 · evanw/esbuild
github.com/evanw/esbuild/releases/tag/v0.24.0
esbuild v0.24.0 출시.
macOS 10.15 지원 종료, tsconfig.json의 useDefineForClassFields
취급 수정
Release 4.0.0 · paulmillr/chokidar
github.com/paulmillr/chokidar/releases/tag/4.0.0
chokidar 4.0.0 출시.
glob 지원 삭제, fsevents 삭제, TypeScript로 재작성, Node.js 14 미만 지원 삭제
Astro 5.0 Beta Release | Astro
astro.build/blog/astro-5-beta/
Astro 5.0 beta 출시.
Content Layer와 Server Islands가 Stable으로, astro:env
추가
Release v4.6.0 · honojs/hono
github.com/honojs/hono/releases/tag/v4.6.0
Hono v4.6.0 출시.
asyncLocalStorage 사용한 hono/context-storage
추가
WebKit Features in Safari 18.0 | WebKit
webkit.org/blog/15865/webkit-features-in-safari-18-0/
Safari 18.0 변경점에 대하여.
CSS, View Transitions, Style Queries, content-visibility
, @starting-style
와 display: none
조합 지원.
HTML, picture
요소로 HEIC 지원, writingsuggestions
속성 지원, <input switch>
지원.
JavaScript, 정규표현 v
플래그 지원, URL.parse()
지원.
AppCache 지원 삭제, 표준화되어 있지 않은 -webkit
prefix 추상클래스 지원 폐지, picture
요소에서 JPEG2000 지원 삭제
Deno 2.0 Release Candidate
deno.com/blog/v2.0-release-candidate
Deno v2.0 RC 출시.
글로벌한 window
삭제/process
추가, deno add
로 jsr:
와 npm:
식별자 지정해 추가 가능, 권한 지정 관련한 동작 변경.
WebGPU/Deno.dlopen()
/Deno.createHttpClient()
가 Stable, 비권장 API랑 커맨드 삭제.
deno run
로 CommonJS 구현 가능, Top Level await 포함하지 않은 ESM를 require()
읽기 가능, Node.js와 호환성 개선.
deno test --doc
로 DocTest 지원, TypeScript 5.6으로 업데이트
읽을거리
Introducing TanStack Router – Frontend Masters Boost
frontendmasters.com/blog/introducing-tanstack-router/
TanStack Router 기본적 사용 방법
Request for developer feedback: customizable select | Blog | Chrome for Developers
developer.chrome.com/blog/rfc-customizable-select
Chrome Canary 130 실험적 기능으로 이용 가능한 select 요소 커스터마이즈에 대하여.
CSS의 ::picker(select)
으로 select 요소 디자인 변경 가능.
Don't Sleep on AbortController - kettanaito.com
kettanaito.com/blog/dont-sleep-on-abort-controller
AbortController
사용 방법.
이벤트 리스너 삭제, Fetch 취소, AbortSignal.timeout
/AbortSignal.any
관련하여.
범용적 취소 구현에 대하여
소프트웨어, 도구, 라이브러리
bloomberg/ts-blank-space: A small, fast, pure JavaScript type-stripper that uses the official TypeScript parser.
github.com/bloomberg/ts-blank-space
TypeScript 코드에서 자료형만 제거해 JavaScript로 실행하는 도구.
본래 코드 위치를 그대로 둠으로 Source Map이 필요없는 변환함
line/ts-remove-unused: Remove unused code from your TypeScript project
github.com/line/ts-remove-unused
TypeScript 코드 이용하지 않은 변수나 export 삭제 도구
Nova.js - A collection of dependency-free React hooks
React Hooks 모음집.
각 Hook가 복붙하기 쉽도록 Hooks끼리 의존하지 않도록 작성