Fork me on GitHub

2022-03-08: TypeScript 4.6, Chrome 100 beta, 새로운 MDN

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #582 - TypeScript 4.6가 릴리스 됐다.

TypeScript 4.6에서는 Destructuring과 Union의 조합, 재귀 타입, 인터페이스에 대한 인덱스 접근 등에 대한 타입 추론 기능이 개선됐다.
또, --target es2022를 지원하고 checkJs 유효할 때에 수행하는 자바스크립트 문법 에러 검사 기능이 개선됐다.

다음 4.7에서는 TypeScript 4.5에서 보류됐던 Node.js ESM 대응이 진행될 예정이다.


Chrome 100 beta가 릴리스 됐다.

버전이 100 즉, 세 자리가 됐기 때문에 Chrome과 Firefox에서 문제가 발생하는 사이트가 있을 것으로 예상되고 있다.

또, Chrome 100 beta에서 User-Agent에서 정보를 삭제하거나 고정시키는 과정(단계 3)에 들어간다.
Chrome 100이 본격적으로 UA 문자열을 정리하기 전의 마지막 버전이며 101부터 단계적으로 UA 문자열을 정리하는 단계에 돌입한다.

그 외로 멀티 스크린 시에 어디에 Window를 표시할지를 지정할 수 있는 Multi-Screen Window Placement API 등이 추가 됐다.


MDN Web Docs(MDN)의 디자인이나 로고 등이 개편됐다.
또, MDN Plus라고 하는 구독하여 알람이나 추가 컨텐츠를 받을 수 있는 유료 기능이 공개될 예정이라고 한다.
자세한 내용은 아래 문서를 참고하길 바란다.


헤드라인


Release v5.70.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v5.70.0

webpack ReleaseNote

webpack v5.70.0 릴리스.
ESM의 require.context에 해당하는 기능으로 import.meta.webpackContext 추가.
ESM 지원 대상에 Node.js 12를 추가.


Release v0.14.24 · evanw/esbuild

github.com/evanw/esbuild/releases/v0.14.24

JavaScript bundler ReleaseNote

esbuild v0.14.24 릴리스.
target으로 es2022 지원, define 옵션으로 인덱스를 지정한 경우에도 치환 가능하도록 개선, --mangle-quoted 옵션 추가.


Release Notes for Safari Technology Preview 141 | WebKit

webkit.org/blog/12434/release-notes-for-safari-technology-preview-141/

safari ReleaseNote

Safari Technology Preview 141 릴리스.
CSS overflow: clip 활성화, import assertion 구문을 플래그 붙여 구현, CSP의 wasm-unsafe-eval 구현 등.


Announcing TypeScript 4.6 - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-4-6/

TypeScript ReleaseNote

TypeScript 4.6 릴리스.
Destructuring과 Union의 조합, 재귀 타입, 인터페이스에 대한 인덱스 접근 등에 대한 타입 추론 개선.
함수 매개 변수의 제어 흐름에 따른 타입 추론 개선.
--target es2022 지원, checkJs가 유효할 때에 수행하는 자바스크립트 문법 에러 검사 기능 개선.


Release v28.0.0-alpha.7 · facebook/jest

github.com/facebook/jest/releases/tag/v28.0.0-alpha.7

jest ReleaseNote

Jest v28.0.0-alpha.7 릴리스.
여러개의 머신으로 테스트를 분할하여 실행할 수 있는 --shared 플래그 구현.


Release v6.0.0-alpha.0 · styled-components/styled-components

github.com/styled-components/styled-components/releases/tag/v6.0.0-alpha.0

React CSS library ReleaseNote

styled-components v6.0.0-alpha.0 릴리스.
TypeScript로 재작성, stylis v4로 업데이트, Node.js 14 미만 지원 종료.


Release v10.7.0 · TypeStrong/ts-node

github.com/TypeStrong/ts-node/releases/tag/v10.7.0

TypeScript ReleaseNote node.js

ts-node v10.7.0 릴리스.
--esm 플래그와 ts-node-esm 바이너리를 추가했다.


Chromium Blog: Chrome 100 Beta: Reduced User-Agent Strings, Multi-Screen Window Placement, and More

blog.chromium.org/2022/03/chrome-100-beta-reduced-user-agent.html

Chrome ReleaseNote

Chrome 100 베타 릴리스.
Chrome 100은 UA 문자열 포멧을 정리하기 전의 마지막 버전이다. 101 부터는 UA 문자열을 단계적으로 정리 및 고정해 나갈 예정이다.
Multi-Screen Window Placement API가 추가 됐고 Origin Trial로서 Media Source Extensions을 Worker에서 실행할 수 있도록 됐다.
또, AbortSignal.prototype.throwIfAborted()HIDDevice forget()가 추가됐다.


아티클


A new year, a new MDN - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/

mdn article

MDN 디자인과 로고 개편 건 소개.
또, 추가 기능과 추가 컨텐츠를 제공하는 MDN Plus 구독 서비스에 대해서 다루고 있다.


Working together on Interop 2022 | WebKit

webkit.org/blog/12288/working-together-on-interop-2022/

browser article testing WebPlatformAPI

브라우저의 상호 운용성을 목표로 하는 Interop 2022 프로젝트 소개.
Apple / Google / Microsoft / Mozilla / Bocoup / Igalia 등이 협력하여 프로젝트로 웹 플랫폼에서 주목하고 있는 영역(기술)을 선정, 상호 운용성을 대처한다.
WPT를 사용한 측정 방식이나 선정된 기술 영역을 간단하게 소개하고 있다.


사이트, 서비스, 문서


nodeshift/nodejs-reference-architecture: The Red Hat and IBM Node.js Reference architecture. The teams 'opinion' on what components our customers and internal teams should use when building Node.js applications and guidance for how to be successful in production with those components.

github.com/nodeshift/nodejs-reference-architecture

node.js document Docker

자바스크립트 / Node.js에서 아키텍처, 라이브러리 등을 선정 할 때 참고할 수 있는 정보, 도입 방법 등이 정리돼 있는 일종의 가이드라인 저장소.
Docker와 npm과 관련한 설정, 기술 영역 별로 정리한 라이브러리와 프레임워크, 운용 관련한 로깅과 트레이스 등 꽤 넓은 범위를 나름의 명확한 기준으로 정리돼 있다.


도서


프런트엔드 디자인 패턴(일본어)

zenn.dev/morinokami/books/learning-patterns-1

JavaScript architecture book React

patterns.dev의 일본어 번역판.
React와 JavaScript에서의 디자인 패턴을 다루고 있다.


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