JSer.info #706 - Vue 3.5가 출시되었어요.
퍼포먼스 개선, defineProps
반환 값을 Destructure 가능해요.
또한, useId()
추가, data-allow-mismatch
속성 추가, defineCustomElement()
API 추가해 Custom Element 개선, useTemplateRef()
, onWatcherCleanup()
추가도 있어요.
JavaScript 입문서 jsprimer v6.0.0가 출시되었어요.
ES2024 대응과 Node.js 유스케이스 페이지가 업데이트되었어요.
ECMAScript 관련해 Map.groupBy
/Object.groupBy
, ECMAScript Proposal Stage 2.7 대응이 있어요.
그리고, Node.js에는 표준 모듈로 추가된 node:util
의 parseArgs
, node:test
관련한 변경도 있어요.
Accessibility Visualizer Browser Extension 웹 접근성 디버깅 보조하는 브라우저 확장 기능이 공개되었어요.
- ymrl/a11y-visualizer: A Browser Extension for Enhanced Web Accessibility Checking
- HTML 직접 읽지 않거나, 스크린 리더 사용하지 않고도, 접근성 향상시킬 수는 없을까(라는 생각으로 브라우저 확장 기능을 만드는 중)
a11y-visualizer은, 이미지 alt나 구획 제목 레벨을 시각화해서, 접근성 문제를 발견하기 쉽도록 했어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
JavaScript Primer v6.0.0 출시: ES2024 대응과 Node.js 유스케이스 업데이트 | Web Scratch
efcl.info/2024/09/02/jsprimer-v6/
JavaScript Primer v6 출시.
ECMAScript 2024 대응과 Node.js 표준 모듈 추가에 대응한 업데이트.
Map.groupBy
/Object.groupBy
, ECMAScript Proposal Stage 2.7, node:util
의 parseArgs
, node:test
대응
Release v9.0.0 · faker-js/faker
github.com/faker-js/faker/releases/tag/v9.0.0
Node.js Faker v9.0.0 출시.
Node.js 14,16 지원 종료, locale 째로 import 가능, RNG의 seed 다루기 변경, 비권장 API 삭제
Node.js — Node v22.8.0 (Current)
nodejs.org/en/blog/release/v22.8.0
Node.js v22.8.0 출시.
module.enableCompileCache()
API 추가, vm.createContext()
에 vm.constants.DONT_CONTEXTIFY
추가.
커버리지가 특정 임계값 충족하도록 요구하는 기능 --experimental-test-coverage
플래그 추가
Announcing Vue 3.5 | The Vue Point
Vue 3.5 출시.
퍼포먼스 개선, defineProps
반환값을 Destructure 가능, useId()
추가, data-allow-mismatch
속성 추가.
defineCustomElement()
API 추가해 Custom Element 대응 개선, useTemplateRef()
, onWatcherCleanup()
추가
Firefox 130.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/130.0/releasenotes/
Firefox 130 출시.
<details name>
대응, X25519 digital signature algorithm 지원, Web Codecs API 지원.
실험적 기능으로 requestVideoFrameCallback()
, ReportingObserver
에서 CSP 위반 감시 가능함
Release v1.47.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.47.0
playwright v1.47.0 출시.
Network Tab 개선, --tsconfig
플래그 추가, Playwright Image를 Ubuntu 24.04 기반으로 변경
ESLint v9.10.0 released - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2024/09/eslint-v9.10.0-released/
ESLint v9.10.0 출시.
eslint
패키지에 @types/eslint
와 같은 자료형 정의 파일 포함하도록 변경
Bun v1.1.27 | Bun Blog
Bun v1.1.27 출시.
node:zlib
퍼포먼스 개선, npm pack
같은 처리하는 bun pm pack
명령어 추가.
Bun.serve()
에 Static routes 추가, --max-http-header-size
플래그 추가
Release v8.0.0 · redwoodjs/redwood
github.com/redwoodjs/redwood/releases/tag/v8.0.0
Redwood v8.0.0 출시.
Background Job 대응, SSR와 RSC 대응 개선, Storybook에 Vite 사용 가능, Docker 지원
읽을거리
JS Dates Are About to Be Fixed | TimeTime
docs.timetime.in/blog/js-dates-finally-fixed/
ECMAScript Proposal Stage 3의 Temporal API 관련하여
What’s new in React 19 – Vercel
vercel.com/blog/whats-new-in-react-19
React 19 새로운 기능 소개.
Server Component, Server Action, useActionState
/useFormState
/useOptimistic
/use
새로운 Hooks.
리소스 preload, ref
callback, <title>
메타데이터에 대응.
Custom Element 대응, 에러 표시 개선
The Ultimate Guide to Font Performance Optimization | DebugBear
www.debugbear.com/blog/website-font-performance
WebFont 퍼포먼스 최적화 관련하여
웹사이트, 서비스, 문서
ymrl/a11y-visualizer: A Browser Extension for Enhanced Web Accessibility Checking
github.com/ymrl/a11y-visualizer?tab=readme-ov-file
접근성 정보를 시각적으로 표시하는 브라우저 확장.
접근성 구조를 시각화해서, 쉽게 문제를 발견하는 도구