JSer.info #702 - typescript-eslint v8가 출시되었어요.
ESLint 9 지원, projectService
를 Stable으로 변경, preset 규칙 변경도 있어요.
jQuery UI 1.14.0가 출시되었어요.
jQuery UI는 이미 관리 모드지만, 이번 출시에서는 앞으로 관리하기 쉬움을 지향한 변경이 있었어요.
jQuery UI 1.14.0는 IE 지원 삭제되어, Chrome/Firefox/Safari/Edge 최신 버전만 지원해요.
또, jQuery UI 1.13 호환성 유지하기 위한 jQuery.uiBackCompat
옵션이 추가되었고, 기본적으로 false
상태에요.
그리고, jQuery UI 1.14.0으로 업그레이드 가이드도 공개되었어요.
Porffor는, JavaScript/TypeScript 코드를 WebAssembly에 컴파일 하기 위한 JavaScript 엔진/컴파일러/런타임이에요.
porffor 자체도 JavaScript로 작성되어 있으며, AOT(Ahead-Of-Time)로 JS/TS를 WebAssembly로 컴파일해요.
이로써, Javy 같은 기존 JavaScript 엔진 (QuickJS)를 Wasm로 담아 실행할 때보다, 적은 파일 크기나 메모리 사용량을 목표로 하고 있어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Announcing typescript-eslint v8 | typescript-eslint
typescript-eslint.io/blog/announcing-typescript-eslint-v8/
typescript-eslint v8 출시.
ESLint 9 지원, projectService
를 Stable로 변경, preset 규칙 변경
jQuery UI 1.14.0 released | jQuery UI Blog
blog.jqueryui.com/2024/08/jquery-ui-1-14-0-released/
jQuery UI 1.14.0 출시.
IEの 지원 종료, 1.11의 API 호환성 유효로 하는 jQuery.uiBackCompat
옵션 추가
Release 3.38.0 - 2024.08.05 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v3.38.0
core-js v3.38.0 출시.
RegExp.escape
/Promise.try
/Uint8Array to/from base64 and hex를 각각 Stage 3으로 이동.
Node.js 22.3.0에 추가된 process.getBuiltinModule
이용하도록
ECMAScript proposal updates @ 2024-07 | ECMAScript Daily
ecmascript-daily.github.io/ecmascript/2024/08/06/ecmascript-proposal-update
2024년 7월 TC39 미팅에서 ECMAScript Proposal 상태 변경 정리.
RegExp.escape
가 Stage 3가 됨
읽을거리
tsconfig.json의 include 옵션은 무엇을 지정해야하는가 - mizdra's blog
www.mizdra.net/entry/2024/07/27/193815
tsconfig.json includes
옵션에 대하여
【2024년 여름】브라우저 확장 기능 개발 가속시킬 프레임워크/도구 3선을 코드와 함께 소개!
zenn.dev/cybozu_frontend/articles/introduction-browser-extensions-tools
브라우저 확장 기능을 개발하는 도구 WXT/Plasmo/Extension.js에 관하여
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript – Frontend Masters Boost
frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/
DOM API에서 DOM 변경을 효율적으로 하는 방법에 대하여.
textContent
와 innerText
, insertAdjacentHTML
와 innerHTML
, DOM Node 삭제와 GC, 이벤트 리너스 클린업에 대하여
Migrate to ESLint 9.x • ~/Z
tduyng.com/blog/migrating-to-eslint9x/
ESLint 9의 Flat Config으로 이행하는 방법.
How Airbnb Smoothly Upgrades React | by Andre Wiggins | The Airbnb Tech Blog | Jul, 2024 | Medium
medium.com/airbnb-engineering/how-airbnb-smoothly-upgrades-react-b1d772a565fd
Airbnb에서 React 업데이트에 관하여.
버전 alias 기능을 사용해 복수의 React 버전 이용, SSR 사용하는 서버도 있어서 환경변수를 사용해 버전 지정.
같은 코드에서 2개의 React 버전에서 동작할 수 있도록하면서, 테스트로 단계적으로 이행한 이야기.
How Google handles JavaScript throughout the indexing process – Vercel
vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process
Google Bots로 인한 인덱스와 JavaScript/CSS 렌더링 영향에 대한 조사
프론트엔드 개발에 도움되는 Datadog 활용법 - LegalOn Technologies Engineering Blog
tech.legalforce.co.jp/entry/2024/08/05/154617
Datadog RUM 사용한 프론트엔드 모니터링에 관하여.
유저 액션 트래킹 설정이나 가시화에 대하여
소프트웨어, 도구, 라이브러리
Porffor
Wasm에 컴파일 가능한 JavaScript 엔진/컴파일러/런타임.
JavaScript/TypeScript 코드를 AOT 컴파일해서 Wasm으로 만들 수 있어서, 파일 크기가 작고 효율적으로 동작 가능.
Wasm to C로 컴파일러도 구현하고 있음
슬라이드, 영상
React Conf 2024 Talks
React Conf 2024 영상 모음