Fork me on GitHub

2022-03-29: ES2022 릴리스 후보, Safari Technology Preview 142, Storybook 대체 구현

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #585 - ECMAScript 2022 릴리스 후보 사양이 공개됐다.
아울러 ECMAScript Internationalization API의 ES2022 릴리스 후보도 공개됐다.

6월 즈음 Ecma International GA(총회)에서 승인하는 시점에 맞춰 ES2022가 정식 릴리스 될 예정이다.
Normative(사양 변경, Proposal 병합)한 변경은 아래 페이지를 통해 살펴볼 수 있다.

ES2022에 포함될 Proposal은 다음과 같다.

ES2022를 지원하는 브라우저는 ECMAScript compatibility table로 확인 할 수 있다. Node.js는 node.green로 확인한다.
ES2022를 지원하는 도구로는 BabelTypeScript 4.6, ESLint v8.9.0, esbuild v0.14.24 등이 있다.
ES2022를 다루는 도서로는 JavaScript for impatient programmers이미 개정 했으며 JavaScript Primer(일본어)는 개정중이다.


Safari Technology Preview 142가 릴리스 됐다.

CSS Subgrid / CSS Container Queries / CSS Motion Path가 기본 활성화 됐다.
ECMAScript Proposal Stage3의 ShadowRealm도 기본 활성화 됐다.
또, 이전에 구현했으나 이전에 삭제한 SharedWorker를 다시 구현하고 있다.
그 외로는 WebKit이 제안하고 있는 3D 컨텐츠를 표시하기 위한 <model> 요소를 실험적으로 구현하고 있다.


헤드라인


Release ES2022 Candidate March 2022 · tc39/ecma262

github.com/tc39/ecma262/releases/tag/es2022-candidate-2022-03

ECMAScript ReleaseNote

ECMAScript 2022 릴리스 후보 버전 공개.


Release ES Intl 2022 Candidate · tc39/ecma402

github.com/tc39/ecma402/releases/tag/es2022-candidate

ECMAScript i18n ReleaseNote

ECMAScript 2022 Internationalizatio API 릴리스 후보 버전 공개.


Release Notes for Safari Technology Preview 142 | WebKit

webkit.org/blog/12522/release-notes-for-safari-technology-preview-142/

safari ReleaseNote

Safari Technology Preview 142 릴리스.
CSS Subgrid / CSS Container Queries / CSS Motion Path를 기본 활성화.
ES Proposal Stage3의 Shadow Realms를 기본 활성화, Shared Workers 구현.
<model> 요소를 시험적으로 구현(modal 아님. model임).


Decorators (sans metadata) to stage 3, per 2022.03.28 TC39 · tc39/proposals@eced71d

github.com/tc39/proposals/commit/eced71d59d7c34e0f173fdec6b6fb477fc2e0371

ECMAScript proposal news

ECMAScript Proposal의 Decorator가 Stage 3가 됐다.


아티클


Introducing Ladle | Ladle

www.ladle.dev/blog/introducing-ladle/

JavaScript React Tools debug vite

Vite 기반의 Storybook 대체 구현 프로젝트 Ladle 소개.
빌드 시간 최적화와 같은 성능 개선을 주목적으로 하여 개발되고 있다.


Introducing MDN Plus: Make MDN your own - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2022/03/introducing-mdn-plus-make-mdn-your-own/

mdn article

MDN Plus를 소개하는 글.
페이지 변경 알림, 페이지 즐겨찾기 기능, 오프라인 기능 등을 이용할 수 있는 구독 유료 기능.
현재는 US와 Canada에서 이용할 수 있다.


Remixing React Router | Remix

remix.run/blog/remixing-react-router

Remix article

Remix와 React Router 저장소를 합칠 계획을 소개한다.
Remix를 React Router 저장소로 합치고 Remix라고 저장소 이름을 변경할 예정이라고 한다.


npm-scripts 작성 패턴 - mizdra's blog(일본어)

www.mizdra.net/entry/2022/03/24/093000

npm node.js article

npm-scripts의 기본적인 패턴, npm-run-all을 사용한 복수 명령 실행 패턴, 코드를 사용해 script를 다루는 패턴 등을 소개하는 글.


Tao of Node - Design, Architecture & Best Practices | Alex Kondov - Software Engineer

alexkondov.com/tao-of-node/

node.js article

Node.js 애플리케이션 개발의 설계 및 아키텍처 모범 사례 정리 및 소개.
꽤 다양한 팁이 상세하고 일목요연하게 정리돼 있어 도움이 된다.


슬라이드, 영상


ブ브라우저 자동 조작 기술 심층 분석, 직접 만져보며 배우는 WebDriver와 Chrome DevTools Protocol - Speaker Deck(일본어)

speakerdeck.com/hgsgtk/webdriver-cdp-using-php

testing webdriver Chrome slide php

WebDriver API와 Chrome DevTools Protocol(CDP)를 주제로 한 슬라이더 자료.
각각의 API를 사용해 브라우저 조작을 자동화하는 처리를 어떻게 작성하는지 소개한다.


사이트, 서비스, 문서


tajo/ladle: 🥄 Develop, test and document your React components faster.

github.com/tajo/ladle

JavaScript React debug Tools vite

Vite 기반의 Storybook 대체 구현.


소프트웨어, 도구, 라이브러리


MattiasBuelens/web-streams-polyfill: Web Streams, based on the WHATWG spec reference implementation

github.com/MattiasBuelens/web-streams-polyfill

browser stream polyfill

Web Stream의 polyfill 라이브러리.


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