Fork me on GitHub

2019-09-17: Chrome 77, TypeScript 3.7 로드맵, Can I use and MDN

Translator: U-Yeong Ju, Taihoon Kim Edit on GitHub See Revisions

JSer.info #453 - Chrome 77가 릴리스 됐습니다.

Chrome 77에서는 PerformanceObserver 내에서 페이지의 큰 변경을 감지할 수 있는 Largest Contentful Paint(LCP)을 지원합니다.

외에도 formdata 이벤트, formAssociated 속성을 지원합니다.
또, 주소바에 표시되고 있던 EV 증명서 정보가 상세 패널 쪽으로 이동됐습니다.


TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript 이슈에 TypeScript 3.7의 로드맵이 공개돼 있습니다.

ECMAScript Private Fields, Optional Chaining, Nullish Coalescing, Top-Level await 등 현재 Stage3인 제안을 대응할 예정입니다.
또, 지금까지 제한돼 있던 --declaration--allowJs 조합이나 --declaration--isolatedModules와의 조합도 지원할 예정이라고 합니다.
이 외로 typescript 패키지 크기 최적화, @types 패키지를 GitHub Package Registry에도 배포할 수 있도록 변경됩니다. 그리고 핸드북도 각 변경 사항에 맞춰 개정될 예정입니다.


Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog에는 MDN compat dataCan I use...의 공동 작업에 대해서 정리돼 있습니다.

두 서비스 모두 기능 등에 대한 브라우저 지원 상황을 정리한 데이터지만 목적이 다르기 때문에 데이터의 특성이 조금씩 다릅니다.
MDN은 모든 세세한 기능에 대한 호환성(compatibility) 데이터를, Can I use...는 큰 기능을 중점으로 브라우저 지원 여부를 정리합니다.
따라서 Can I use...에는 포함되지 않는 데이터도 많이 있습니다.

이번 공동 작업으로 Can I use...MDN compat data의 데이터를 사용해 기능에 관한 브라우저 정보도 지원 상황을 표시할 수 있도록 됐습니다(현재 양쪽의 데이터를 검색한 결과가 각각 노출됨).

또, 비슷한 사이트로 각 메일 클라이언트 별 이용할 수 있는 HTML이나 CSS 지원 상황 정리한 Can i email...이라는 사이트도 다른 개발자에 의해 공개됐습니다.


헤드라인


TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript

github.com/microsoft/TypeScript/issues/33352

TypeScript issue

TypeScript 3.7의 로드맵이 공개됐습니다.
ECMAScript Private Fields, Optional Chaining, Nullish Coalescing 및 --declaration--allowJs 속성 조합 등에 대한 대응이 이뤄집니다.
또, typescript 패키지 크기 최적화, @types 패키지를 GitHub Package Registry에도 배포할 수 있도록 변경되며 여러 변경 사항에 맞춰 핸드북도 개정될 예정입니다.


Release DOMPurify 2.0.0 · cure53/DOMPurify

github.com/cure53/DOMPurify/releases/tag/2.0.0

DOM security library ReleaseNote

DOMpurify 2.0.0이 릴리스 됐습니다.
Trusted Types를 사용할 수 있는 경우에도 RETURN_TRUSTED_TYPE 옵션을 전달 했을 때만 Trusted Types을 사용하도록 변경됐습니다.


Google Developers Blog: Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9

developers.googleblog.com/2019/09/flutter-news-from-gdd-china-flutter1.9.html?m=1

Flutter ReleaseNote

Flutter 1.9가 릴리스 됐습니다.
웹 지원이 메인 저장소에 합쳐(merge)졌습니다.


ESLint v6.4.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2019/09/eslint-v6.4.0-released

ESLint ReleaseNote

ESLint 6.4.0이 릴리스 됐습니다.
no-import-assign, prefer-regex-literals, default-param-last 규칙이 추가됐습니다.
enforceForClassMembers 옵션으로 일부 규칙을 클래스 구문에도 적용할 수 있도록 변경됐습니다.


Release v4.0.0 · immerjs/immer

github.com/immerjs/immer/releases/tag/v4.0.0

JavaScript library ReleaseNote

Immer 4.0.0이 릴리스 됐습니다.
development mode 일 때 모든 값이 deep frozen 된 상태로 저장되도록 변경됐습니다.
또, 웹 사이트의 문서가 개편됐습니다.


Release 2.4.0 · avajs/ava

github.com/avajs/ava/releases/tag/v2.4.0

node.js JavaScript testing library ReleaseNote

AVA 2.4.0이 릴리스 됐습니다.
t.try()를 플래그를 붙여 지원합니다.


아티클


How to build a plugin system on the web and also sleep well at night

www.figma.com/blog/how-we-built-the-figma-plugin-system/

JavaScript security article plugin

플러그인으로 추가되는 서드파티 코드를 안전하게 웹 브라우저에서 실행할 수 있도록 하는 구조에 대해서 이야기합니다.
<inline-iframe>과 자바스크립트 인터프리터 이용하는 방법, Proposal의 Realms(shim)을 사용한 샌드박스 등을 소개합니다.


Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/

WebPlatformAPI article

MDN Compat Data를 Can I Use의 웹 사이트에서 제공합니다.
이제 Can I Use에서 MDN의 데이터를 기반으로 기능 및 지원 브라우저 상황을 함께 볼 수 있습니다.


A lighter V8 · V8

v8.dev/blog/v8-lite

V8 article

V8의 Lite mode를 소개합니다.
메모리가 적은 디바이스 용 모드로 메모리 소비를 크게 줄이는 것을 목표로 하고 있습니다.


WebGPU and WSL in Safari | WebKit

webkit.org/blog/9528/webgpu-and-wsl-in-safari/

safari article

Safari Technology Preview 91부터 베타로 지원 되고있는 WebGPU API와 WSL에 대해 작성돼 있습니다.
WebGPU의 파이프라이느처리 최적화, 런타임 성능, Web Shading Language(WSL) 등을 소개합니다.


X3D: Declarative 3D for the Modern Web

blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html

3D HTML article JavaScript

선언적으로 3D를 표현하는 X3D라는 사양과 X3DOM 구현에 대해서 이야기합니다.
SVG 처럼 HTML 내에 태그를 작성하여 3D를 표현할 수 있습니다.


New in Chrome 77  |  Web  |  Google Developers

developers.google.com/web/updates/2019/09/nic77

Chrome ReleaseNote

Chrome 77 릴리스 됐습니다.
Largest Contentful Paint(LCP), formdata 이벤트, formAssociated 프로퍼티를 지원합니다.


사이트, 서비스, 문서


Can I email… Support tables for HTML and CSS in emails

www.caniemail.com/

mail HTML webservice

메일 내에서 특정 HTML 태그와 CSS를 사용할 수 있는지, 메일 클라이언트 지원 상황을 검색할 수 있는 서비스입니다.


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


nanoSQL 2

nanosql.io/

SQL library TypeScript JavaScript browser

SQL builder 라이브러리입니다.
인메모리, 브라우저의 IndexedDB나 Localstorage, Node.js의 MySQL이나 Redix 등 다양한 데이터베이스를 지원합니다.


도서


Web Development with Node and Express, 2nd Edition - O'Reilly Media

shop.oreilly.com/product/0636920261216.do

JavaScript node.js book

2019년 10월 출간 예정인 Node.js와 Express를 주제로한 도서입니다.


daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)

github.com/daumann/ECMAScript-new-features-list

ECMAScript JavaScript document

ECMAScript 버전 별 추가된 기능 및 구문과 샘플 코드가 정리돼 있는 저장소입니다.


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