JSer.info #678 - Firefox 122.0가 출시되었어요.

<select> 자식 요소로 <hr> 허용, CSS offset-position과 offset-path 프로퍼티를 기본적으로 유효화해요.
ArrayBuffer.prototype.transfer() 구현, XSS 대책으로 SVG의 <use>에 Data URL 이용할 수 없도록 변경되었어요.
또한, 실험적 기능으로 Declarative shadow DOM, Popover API, Clipboard API, Intl.Segmenter가 구현되었어요.

Deno 1.40가 출시되었어요.

Deno 1.40: Temporal API

Temporal API 지원, import.meta.filename/import.meta.dirname 지원되어요.
import.meta.filename/import.meta.dirname는, Node.js와 Bun에서도 지원되고 있어요.

그 외로는, window, Deno.run(), Deno.serveHttp(), Deno.metrics() 등 오래된 API를 비권장화했어요.

Safari 17.4 Beta가 출시되었어요.

Safari 17.4 Beta Release Notes | Apple Developer Documentation

CSS, @scope 지원, Block Containers에서의 align-content 지원이 있어요.
HTML, <select> 안에 <hr> 지원. <input type=checkbox switch> 지원이 있구요.
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
- Using alternative browser engines in the European Union - Support - Apple Developer

관런된 내용으로, Mozilla가 Apple나 Google OS 플랫폼이 제한 하고 있는 내용한 웹사이트도 공개하고 있어요.

Platform Tilt - Mozilla

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 v2.0.0 · volarjs/volar.js

github.com/volarjs/volar.js/releases/tag/v2.0.0

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/

Firefox ReleaseNote

Firefox 122 출시.
<select> 자식 요소로 <hr> 허용, CSS offset-position과 offset-path 프로퍼티 기본적으로 유효화.
ArrayBuffer.prototype.transfer() 구현, SVG <use>에 Data URL 이용 불가능하도록 변경.
실험적 기능으로 Declarative shadow DOM, Popover API, Clipboard API, Intl.Segmenter 구현

Firefox 122 for developers - Mozilla | MDN

Release v5.90.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v5.90.0

webpack ReleaseNote

webpack v5.90.0 출시.
node.{__filename,__dirname}에 node-module 옵션 추가, 버그 수정

Deno 1.40: Temporal API

deno.com/blog/v1.40

deno ReleaseNote

Deno v1.40 출시.
Temporal API 지원, import.meta.filename/import.meta.dirname 지원, deno.json의 imports 지정 방법 개선.
window, Deno.run(), Deno.serveHttp(), Deno.metrics() 오래된 API 비권장화

Safari 17.4 Beta Release Notes | Apple Developer Documentation

developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes

safari ReleaseNote

Safari 17.4 Beta 출시.
CSS, @scope 지원, Block Containers에서의 align-content 지원.
HTML, <select>안에서 <hr> 지원.<input type=checkbox switch> 지원.
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

esbuild ReleaseNote

esbuild v0.20.0 출시.
Deno 1.40 대응, node_modules 가 없으므로, 파일 확장자 우선순위 변경

QuickJS Javascript Engine

bellard.org/quickjs/

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

JavaScript nodejs ReleaseNote server

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

슬라이드, 영상

Next.js App Router Caching: Explained! - YouTube

www.youtube.com/watch?v=VBlSe8tvg4U

Next.js video JavaScript

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