Fork me on GitHub

2023-05-19: jQuery 3.7.0, Vue 3.3, Bun 0.6.0(`bun build`)

Translator: rewrite0w0(Oh TaeJun) Edit on GitHub See Revisions

JSer.info #644 - jQuery 3.7.0 출시되었습니다.

uniqueSort 메소드 추가, 단위 없는 CSS 프로퍼티 지원, 성능개선 되었습니다.
또한, IE에서는 focus/blur 이벤트가 비동기였지만, 다른 브라우저에서는 동기적이어서 동작 차이가 발생했습니다.
이 문제를 IE에서도 동기적으로 실행할 수 있는 focusin/focusout를 사용해 시뮬레이션 함으로 수정할 수 있었습니다.

jQuery는 5.0.0에서 IE 지원 종료될 예정입니다.


Vue 3.3가 출시되었습니다.

<script setup lang="ts">에서 TypeScript 타입 정의 개선이 중심인 출시입니다.
또한, 양방향 바인딩하는 defineModel() 추가도 있었습니다.


Bun 0.6.0가 출시되었습니다.

bun build 추가한 파일을 bundle과 minify 가능한 bundler 기능 추가, bun build --compile에서 단일 실행 파일 생성 가능하도록 되었습니다.

그 외로는 import.meta.main 지원, bun test 개선, TypeScript 5.0 지원, Import Attributes 지원, Node.js 호환성 개선도 있습니다.


To support JSer.info


헤드라인


Release v120 · esm-dev/esm.sh

github.com/esm-dev/esm.sh/releases/tag/v120

JavaScript cdn library ReleaseNote

esm.sh v120 출시.
esm.sh 처리를 Cloudflare Worker 상에서 하고 있는 esm-worker 패키지 공개.
build API가 types 옵션 지원.


Announcing Dart 3. 100% sound null safety. Records… | by Michael Thomsen | Dart | May, 2023 | Medium

medium.com/dartlang/announcing-dart-3-53f065a10635

dart ReleaseNote

Dart 3 출시.
null safe, Record, 패턴 매치, 클래스 개선.
WebAssembly 컴파일에 대응


jQuery 3.7.0 Released: Staying in Order | Official jQuery Blog

blog.jquery.com/2023/05/11/jquery-3-7-0-released-staying-in-order/

jquery ReleaseNote

jQuery 3.7.0 출시.
uniqueSort메서드 추가, 단위 없는 CSS 프로퍼티 지원, 성능 개선.

IE에서 focus/blur가 비동기 실행되지만, 다른 브라우저에서는 동기적 실행이기에 동작 차이가 발생했었다.
IE에서도 동기적 실행가능한 focusin/focusout를 사용함으로 수정할 수 있었다.


Announcing Vue 3.3 | The Vue Point

blog.vuejs.org/posts/vue-3-3

Vue TypeScript rlee

Vue 3.3 출시.
<script setup lang="ts">에서 TypeScript 타입 정의 개선, 양방향 바인딩하는 defineModel() 추가


jasmine/5.0.0.md at main · jasmine/jasmine · GitHub

github.com/jasmine/jasmine/blob/main/release_notes/5.0.0.md

JavaScript testing library ReleaseNote

Jasmine 5.0.0 출시.
Node.js 12/14/16 지원 종료, 테스트 병렬 실행 지원


Rome v12.1.0

rome.tools/blog/2023/05/10/rome12_1/

JavaScript Tools ReleaseNote

Rome 12.1.0 출시.
Stage 3 Decorators 지원, Git 같이 VCS 지원 .gitignore 설정 같은 것 이용가능하도록, 규칙 추가 및 수정.
stdin에 rome check 대응, rome migrate 커맨드 추가, 헬프 개선


Release 7.0.0-alpha.0 · lerna/lerna

github.com/lerna/lerna/releases/tag/7.0.0-alpha.0

JavaScript monorepo ReleaseNote

lerna 7.0.0-alpha.0 출시.
lerna bootstrap/add/link 커맨드를 각 패키지에 분리해서 본체에 포함하지 않도록 변경


Nuxt 3.5 · Nuxt

nuxt.com/blog/v3-5

Vue library ReleaseNote

Nuxt 3.5 출시.
Vue 3.3으로 업데이트, Nitropack 2.4으로 업데이트, JSON 페이로드 시리얼라이즈 개선.
nuxt.config 파일 환경마다 설정 작성 가능하도록, 실험적으로 라우팅으로 타입 정의 생성하는 방법 추가


Release v13.0.0 · sverweij/dependency-cruiser

github.com/sverweij/dependency-cruiser/releases/tag/v13.0.0

node.js library Tools ReleaseNote

모듈 의존성 분석 도구 dependency-cruiser 13.0.0 출시.
Node.js 14 지원 종료, yarn 1 PnP 지원종료, Pure ESM 패키지 변경.
설정 파일은 ESM으로 작성하도록, --config 에서 설정 파일을 전달하지 않아도 자동으로 설정 파일을 찾도록 변경, 성능 개선.


Bun v0.6.0 | Bun Blog

bun.sh/blog/bun-v0.6.0

Bun bundler ReleaseNote

Bun 0.6.0 출시.
bun build 추가로 파일 bundle과 minify 가능한 bundler 기능 추가, bun build --compile으로 단일 실행 가능 파일 생성 가능하도록.
import.meta.main 지원, bun test 개선, TypeScript 5.0 지원, Import Attributes 지원, Node.js 호환성 개선


Astro 2.5 | Astro

astro.build/blog/astro-250/

astro ReleaseNote

Astro 2.5 출시.
Data collections으로 JSON이나 YAML 다루는 방법 추가, compressHTML로 HTML 압축할 수 있도록, 컴포넌트 병렬 렌더링 가능하도록.
실험적 기능으로 hybridOutput 옵션 추가, Custom client directives 추가


Node v20.2.0 (Current) | Node.js

nodejs.org/en/blog/release/v20.2.0

node.js ReleaseNote

Node.js v20.2.0 출시.
http.createServerrejectNonStandardBodyWrites 옵션 추가, HEAD 리퀘스트에 body가 있는 경우에 에러가 되도록.
URL 클래스 hasdeletevalue 인수 추가


읽을거리


Introducing Deopt Explorer - TypeScript

devblogs.microsoft.com/typescript/introducing-deopt-explorer/

TypeScript V8 performance article

TypeScript 성능 개선을 위한 인라인 캐시를 제대로 사용할 수 있도록 코드 리팩토링한 이야기.
인라인 캐시와 Monomorphic/Polymorphic/Megamorphic, Deopt Explorer 사용해 최적화된 곳 분석과 수정에 대하여


Baseline

web.dev/baseline/

browser article

브라우저마다 지원되는 기능셋을 제공하는 Baseline에 대하여.
어떤 기능셋이 여러 브라우저에서 지원되고 사용 상태를 표현하는 이름이 없었기에, Baseline라 명명하기 위한 노력.
년 1회 Baseline 갱신할 예정으로, 웹사이트나 라이브러리가 Baseline 기능을 가지고 있는 브라우저를 지원하는 유스케이스를 기대.


JS private class fields considered harmful – Lea Verou

lea.verou.me/2023/04/private-fields-considered-harmful/

JavaScript article

ES2022 추가된 class private fields는, Vue처럼 Proxy로 Reactive한 구조로 구현되어있어서 상성이 나쁘다는 이야기


웹사이트, 서비스, 문서


microsoft/deoptexplorer-vscode: A VS Code extension to visualize deoptimizations in your JavaScript and TypeScript code running in V8 (i.e., NodeJS, Edge, Chrome, etc.).

github.com/microsoft/deoptexplorer-vscode

VSCode node.js V8

V8 트레이스 로그를 VSCode 상에 보여줘서 최적화되지 않는 곳을 찾는 확장기능.
CPU 프로파일 시각화, 인라인 캐시 상태, Deoptimizations, 함수 상태 등 시각화 가능


도서


JavaScript Primer 개정 2판 헤매지 않는 입문서 | azu, Suguru Inatomi | 책 | 통신판매 | Amazon

https://www.amazon.co.jp/dp/4048931105/

JavaScript Book

2023년 6월 9일 발매
JavaScript 입문서

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