Fork me on GitHub

2024-01-28: Firefox 122, Deno 1.40, Safari 17.4 Beta

Translator: rewrite0w0 Edit on GitHub See Revisions

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

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


Deno 1.40가 출시되었어요.

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가 출시되었어요.

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 상에서 다른 브라우저 엔진 이용가능할 수 있을 가능성이 생겼어요.

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


To support JSer.info


헤드라인


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-positionoffset-path 프로퍼티 기본적으로 유효화.
ArrayBuffer.prototype.transfer() 구현, SVG <use>에 Data URL 이용 불가능하도록 변경.
실험적 기능으로 Declarative shadow DOM, Popover API, Clipboard API, Intl.Segmenter 구현


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.jsonimports 지정 방법 개선.
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없을 때 동작에 대해서


서비스, 웹사이트, 문서


The AHA Stack | AHA

ahastack.dev/

JavaScript HTML document

Astro x Htmx x Alpine.js AHA Stack 관련 웹사이트


Platform Tilt - Mozilla

mozilla.github.io/platform-tilt/

browser Mozilla apple google Microsoft document

iOS/Android/Windows 플랫폼 상에서 브라우저 제한되고 있는 기능에 대한 정리 웹사이트


Introduction

bentocache.dev/docs/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

browser webworker JavaScript library

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


Pull Request to this article
JSer.info Slackに参加する