translate: 2024-09-24 article

_i18n/ko/_posts/2024/2024-09-23-date-fns-v.4.0.0timezone-deno-2.0-rc-safari-18.0.md

@@ -0,0 +1,226 @@
+---
+title: "2024-09-23: date-fns v.4.0.0(timezone), Deno 2.0 RC, Safari 18.0"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-09-23T03:06:53.334Z
+category: JSer
+tags:
+- nodejs
+- TypeScript
+- server
+- esbuild
+- Tools
+
+---
+
+JSer.info #708 - date-fns v4.0.0 출시되었어요.
+
+- [Release v4.0.0 · date-fns/date-fns](https://github.com/date-fns/date-fns/releases/tag/v4.0.0)
+- [v4.0 is out with first-class time zones support!](https://blog.date-fns.org/v40-with-time-zone-support/)
+
+date-fns v4.0.0는 TimeZone 지원, ESM와 CJS dual package로 변경이 있어요.
+TimeZone 지원은 지금까지 [date-fns-tz](https://www.npmjs.com/package/date-fns-tz) 외부 패키지로 제공했지만, v4.0.0부터는 [@date-fns/tz](https://github.com/date-fns/tz)가 Intl 기반으로 새로운 패키지로 제공되어요.
+
+---
+
+Denno 2.0 RC 출시되었어요.
+
+- [Deno 2.0 Release Candidate](https://deno.com/blog/v2.0-release-candidate)
+
+Deno 2.0 RC에는 다양한 파괴적 변경이 있으므로, 이행 가이드도 공개되어 있어요.
+
+- [Deno 1.x to 2.x Migration Guide](https://docs.deno.com/runtime/reference/migrate_deprecations/)
+
+글로벌 `window` 삭제/`process` 추가, `deno add`로 `jsr:`와 `npm:` 식별자 지정해 추가 가능, 권한 지정 관련 동작 변경도 있어요.
+또한, WebGPU/`Deno.dlopen()`/`Deno.createHttpClient()`가 Stable로, 비권장 API나 커맨드 삭제도 있어요.
+
+---
+
+Safari 18.0 출시되었어요.
+
+- [WebKit Features in Safari 18.0 | WebKit](https://webkit.org/blog/15865/webkit-features-in-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()` 지원
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Release v4.0.0 · date-fns/date-fns
+[github.com/date-fns/date-fns/releases/tag/v4.0.0](https://github.com/date-fns/date-fns/releases/tag/v4.0.0 "Release v4.0.0 · date-fns/date-fns")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+date-fns v4.0.0 출시.
+TimeZone 지원, ESM와 CJS의 dual package로 변경
+
+- [v4.0 is out with first-class time zones support!](https://blog.date-fns.org/v40-with-time-zone-support/ "v4.0 is out with first-class time zones support!")
+
+----
+
+## Node.js — Node v22.9.0 (Current)
+[nodejs.org/en/blog/release/v22.9.0](https://nodejs.org/en/blog/release/v22.9.0 "Node.js — Node v22.9.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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](https://github.com/fastify/fastify/releases/tag/v5.0.0 "Release v5.0.0 · fastify/fastify")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">server</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+fastify v5.0.0 출시.
+Node.js 20 미만 지원 종료, 비권장 API 삭제
+
+- [Fastify v5 is HERE! - YouTube](https://www.youtube.com/watch?v=M57Vi8NnxUM "Fastify v5 is HERE! - YouTube")
+- [V5 Migration Guide | Fastify](https://fastify.dev/docs/latest/Guides/Migration-Guide-V5/ "V5 Migration Guide | Fastify")
+
+----
+
+## Release v0.24.0 · evanw/esbuild
+[github.com/evanw/esbuild/releases/tag/v0.24.0](https://github.com/evanw/esbuild/releases/tag/v0.24.0 "Release v0.24.0 · evanw/esbuild")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">esbuild</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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](https://github.com/paulmillr/chokidar/releases/tag/4.0.0 "Release 4.0.0 · paulmillr/chokidar")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+chokidar 4.0.0 출시.
+glob 지원 삭제, fsevents 삭제, TypeScript로 재작성, Node.js 14 미만 지원 삭제
+
+
+----
+
+## Astro 5.0 Beta Release | Astro
+[astro.build/blog/astro-5-beta/](https://astro.build/blog/astro-5-beta/ "Astro 5.0 Beta Release | Astro")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Astro 5.0 beta 출시.
+Content Layer와 Server Islands가 Stable으로, `astro:env` 추가
+
+- [Astro v5.0-beta | Docs](https://5-0-0-beta.docs.astro.build/en/guides/upgrade-to/v5/ "Astro v5.0-beta | Docs")
+
+----
+
+## Release v4.6.0 · honojs/hono
+[github.com/honojs/hono/releases/tag/v4.6.0](https://github.com/honojs/hono/releases/tag/v4.6.0 "Release v4.6.0 · honojs/hono")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Hono</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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/](https://webkit.org/blog/15865/webkit-features-in-safari-18-0/ "WebKit Features in Safari 18.0 | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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](https://deno.com/blog/v2.0-release-candidate "Deno 2.0 Release Candidate")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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으로 업데이트
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## Introducing TanStack Router – Frontend Masters Boost
+[frontendmasters.com/blog/introducing-tanstack-router/](https://frontendmasters.com/blog/introducing-tanstack-router/ "Introducing TanStack Router – Frontend Masters Boost")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">article</span> <span class="jser-tag">JavaScript</span></p>
+
+TanStack Router 기본적 사용 방법
+
+
+----
+
+## Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/rfc-customizable-select](https://developer.chrome.com/blog/rfc-customizable-select "Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">HTML</span> <span class="jser-tag">article</span></p>
+
+Chrome Canary 130 실험적 기능으로 이용 가능한 select 요소 커스터마이즈에 대하여.
+CSS의 `::picker(select)`으로 select 요소 디자인 변경 가능.
+
+
+----
+
+## Don&#039;t Sleep on AbortController - kettanaito.com
+[kettanaito.com/blog/dont-sleep-on-abort-controller](https://kettanaito.com/blog/dont-sleep-on-abort-controller "Don&#039;t Sleep on AbortController - kettanaito.com")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+`AbortController` 사용 방법.
+이벤트 리스너 삭제, Fetch 취소, `AbortSignal.timeout`/`AbortSignal.any` 관련하여.
+범용적 취소 구현에 대하여
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## bloomberg/ts-blank-space: A small, fast, pure JavaScript type-stripper that uses the official TypeScript parser.
+[github.com/bloomberg/ts-blank-space](https://github.com/bloomberg/ts-blank-space "bloomberg/ts-blank-space: A small, fast, pure JavaScript type-stripper that uses the official TypeScript parser.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p>
+
+TypeScript 코드에서 자료형만 제거해 JavaScript로 실행하는 도구.
+본래 코드 위치를 그대로 둠으로 Source Map이 필요없는 변환함
+
+
+----
+
+## line/ts-remove-unused: Remove unused code from your TypeScript project
+[github.com/line/ts-remove-unused](https://github.com/line/ts-remove-unused "line/ts-remove-unused: Remove unused code from your TypeScript project")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">Tools</span></p>
+
+TypeScript 코드 이용하지 않은 변수나 export 삭제 도구
+
+
+----
+
+## Nova.js - A collection of dependency-free React hooks
+[novajs.co/](https://novajs.co/ "Nova.js - A collection of dependency-free React hooks")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span></p>
+
+React Hooks 모음집.
+각 Hook가 복붙하기 쉽도록 Hooks끼리 의존하지 않도록 작성
+
+
+----