diff --git a/_i18n/ja/_posts/2024/2024-01-28-firefox-122-deno-1.40-safari-17.4-beta.md b/_i18n/ja/_posts/2024/2024-01-28-firefox-122-deno-1.40-safari-17.4-beta.md index 6f21d257c2f..68460bc8f44 100644 --- a/_i18n/ja/_posts/2024/2024-01-28-firefox-122-deno-1.40-safari-17.4-beta.md +++ b/_i18n/ja/_posts/2024/2024-01-28-firefox-122-deno-1.40-safari-17.4-beta.md @@ -47,7 +47,7 @@ HTMLでは、`` 자식 요소로 `
` 허용, CSS `offset-position`과 `offset-path` 프로퍼티를 기본적으로 유효화해요. +`ArrayBuffer.prototype.transfer()` 구현, [XSS 대책으로](https://github.com/w3c/svgwg/pull/901) SVG의 ``에 Data URL 이용할 수 없도록 변경되었어요. +또한, 실험적 기능으로 Declarative shadow DOM, Popover API, Clipboard API, `Intl.Segmenter`가 구현되었어요. + +---- + +Deno 1.40가 출시되었어요. + +- [Deno 1.40: Temporal API](https://deno.com/blog/v1.40) + +Temporal API 지원, `import.meta.filename`/`import.meta.dirname` 지원되어요. +`import.meta.filename`/`import.meta.dirname`는, Node.js와 Bun에서도 지원되고 있어요. + +- [Node.js — Node v20.11.0 (LTS)](https://nodejs.org/en/blog/release/v20.11.0) +- [Bun v1.0.23 | Bun Blog](https://bun.sh/blog/bun-v1.0.23#import-meta-dirname-and-import-meta-filename-support) + +그 외로는, `window`, `Deno.run()`, `Deno.serveHttp()`, `Deno.metrics()` 등 오래된 API를 비권장화했어요. + +---- + +Safari 17.4 Beta가 출시되었어요. + +- [Safari 17.4 Beta Release Notes | Apple Developer Documentation](https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes) + +CSS, `@scope` 지원, Block Containers에서의 `align-content` 지원이 있어요. +HTML, `` 지원이 있구요. +JS, `Promise.withResolvers`, `ArrayBuffer.prototype.transfer`, `Object.groupBy` 지원이 추가되었어요. +그리고, iOS에서 VP8/VP9/WebM 지원, Full Screen API 지원 소식도 있어요. + +이 버전과 관계없지만, Apple은 EU에서는 WebKit 이외의 브라우저 엔진을 이용가능하다 발표했어요. +꽤 많은 제한이 있어서, 실제 이용이 어떤지는 불명확하지만, iOS 상에서 다른 브라우저 엔진 이용가능할 수 있을 가능성이 생겼어요. + +- [Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple](https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/) + - [Using alternative browser engines in the European Union - Support - Apple Developer](https://developer.apple.com/support/alternative-browser-engines) + +관런된 내용으로, Mozilla가 Apple나 Google OS 플랫폼이 제한 하고 있는 내용한 웹사이트도 공개하고 있어요. + +- [Platform Tilt - Mozilla](https://mozilla.github.io/platform-tilt/) + +---- + +{% include inline-support.html %} + +---- + +

헤드라인

+ +---- + +## Release v2.0.0 · volarjs/volar.js +[github.com/volarjs/volar.js/releases/tag/v2.0.0](https://github.com/volarjs/volar.js/releases/tag/v2.0.0 "Release v2.0.0 · volarjs/volar.js") +

TypeScript library ReleaseNote

+ +volar v2.0.0 출시. +코어를 TypeScript에 의존하지 않도록 변경, `@volar/cdn` 비권장화 + + +---- + +## Firefox 122.0, See All New Features, Updates and Fixes +[www.mozilla.org/en-US/firefox/122.0/releasenotes/](https://www.mozilla.org/en-US/firefox/122.0/releasenotes/ "Firefox 122.0, See All New Features, Updates and Fixes") +

Firefox ReleaseNote

+ +Firefox 122 출시. +``안에서 `
` 지원.`` 지원. +JS, `Promise.withResolvers`, `ArrayBuffer.prototype.transfer`, `Object.groupBy` 지원. +iOS에서 VP8/VP9/WebM 지원, Full Screen API 지원. + + +---- + +## Release v0.20.0 · evanw/esbuild +[github.com/evanw/esbuild/releases/tag/v0.20.0](https://github.com/evanw/esbuild/releases/tag/v0.20.0 "Release v0.20.0 · evanw/esbuild") +

esbuild ReleaseNote

+ +esbuild v0.20.0 출시. +Deno 1.40 대응, `node_modules` 가 없으므로, 파일 확장자 우선순위 변경 + + +---- + +## QuickJS Javascript Engine +[bellard.org/quickjs/](https://bellard.org/quickjs/ "QuickJS Javascript Engine") +

JavaScript ReleaseNote

+ +QuickJS ES2023 지원. + +- ES2022 Top-Level await +- ES2023 Change Array by copy, `Array.prototype.{findLast, findLastIndex}` +- ES2024 `Object.groupBy`, `Promise.withResolvers` + + +---- + +## Announcing AdonisJS v6 +[adonisjs.com/blog/adonisjs-v6-announcement](https://adonisjs.com/blog/adonisjs-v6-announcement "Announcing AdonisJS v6") +

JavaScript nodejs ReleaseNote server

+ +AdonisJS v6 출시. +ESM으로 이행, Vite integration 지원. +VineJS 검증 라이브러리 작성, 테스트 프레임워크나 템플릿 엔진 등 코어를 패키지로 빼내서 이용 가능 하게끔 + + +---- +

슬라이드, 영상

+ +---- + +## Next.js App Router Caching: Explained! - YouTube +[www.youtube.com/watch?v=VBlSe8tvg4U](https://www.youtube.com/watch?v=VBlSe8tvg4U "Next.js App Router Caching: Explained! - YouTube") +

Next.js video JavaScript

+ +Next.js App Router 캐시가 어떤 원리로 동작하는지에 대한 영상. +Pages Router와 App Router 기본적인 캐시 동작 차이, `noCache()`/`cache()`에서 캐시 여부 제어, `revalidateTag()`로 재검증. +`useOptimistic()`이나 JavaScript없을 때 동작에 대해서 + + +---- +

서비스, 웹사이트, 문서

+ +---- + +## The AHA Stack | AHA +[ahastack.dev/](https://ahastack.dev/ "The AHA Stack | AHA") +

JavaScript HTML document

+ +Astro x Htmx x Alpine.js AHA Stack 관련 웹사이트 + + +---- + +## Platform Tilt - Mozilla +[mozilla.github.io/platform-tilt/](https://mozilla.github.io/platform-tilt/ "Platform Tilt - Mozilla") +

browser Mozilla apple google Microsoft document

+ +iOS/Android/Windows 플랫폼 상에서 브라우저 제한되고 있는 기능에 대한 정리 웹사이트 + + +---- + +## Introduction +[bentocache.dev/docs/introduction](https://bentocache.dev/docs/introduction "Introduction") +

nodejs JavaScript library

+ +AdonisJS 에서 나온 캐시 라이브러리. +Driver로 Redis 같은 곳에서 백엔드 프로바이더 지정, Multi Tier에 의한 캐시 사이즈 다층화, Cache stampede 대책으로 구현하고 있음 + + +---- +

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

+ +---- + +## chrisguttandin/worker-timers: A replacement for setInterval() and setTimeout() which works in unfocused windows. +[github.com/chrisguttandin/worker-timers](https://github.com/chrisguttandin/worker-timers "chrisguttandin/worker-timers: A replacement for setInterval() and setTimeout() which works in unfocused windows.") +

browser webworker JavaScript library

+ +브라우저는 탭이 활성화 상태가 아닌 경우, interval와 timeout 최소값을 강제적으로 변경. +Web Worker에는 제한이 없다는 것을 이용해, 제한 없이 `setTimeout`와 `setInterval` 제공하는 라이브러리 + + +----