Fork me on GitHub

2020-07-06: Firefox 78, Vue 3 Status와 릴리스 일정

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #495 - Firefox 78이 릴리스됐습니다.

Firefox 78는 Firefox Extended Support Release(ESR) 배포 버전입니다. 78이전 마지막 ESR 배포 버전은 Firefox 68 입니다. 이전엔 Service Worker가 비활성화 돼 있었지만 Firefox 78 ESR 부터 지원하게 됐습니다.

Firefox 78에서 개발자 도구가 개선됐습니다.
콘솔에 Promise 에러를 보다 자세하게 출력하며 네트워크 패널에서 리퀘스트 요청 실패의 원인을 표시합니다.

CSS 관련 내용으로는 :is:where을 지원하며 :read-only:read-write를 prefix 없이 사용할 수 있습니다.
또, 정규 표현 엔진을 새롭게 개발해 ES2018의 Named Capture Groups 등을 지원합니다.

이 외로 TLS 1.0과 1.1 지원이 기본적으로 비활성화 됩니다.


Vue 3의 릴리스 일정과 제안된 RFC 등의 상황(status)이 공개돼 있습니다.

본래는 2020년 전반기에 릴리스할 예정이었지만 이를 변경해 Vue 3 RC를 7월 중순에 릴리스하고 Vue 3를 8월 초에 릴리스 할 예정이라고 합니다.
로드맵은 아래 프로젝트 보드에도 자세히 정리돼 있으니 참고하시길 바랍니다.

이슈에는 개발 중인 패키지 및 상황과 JSX 지원 관련 논의에 대해서도 소개돼 있으니 참고하시길 바랍니다.

이와 관련하여 Vue 2 용 Vue3 Composition API를 제공하는 @vue/composition-apiv1.0.0-beta.1이 릴리스 돼 있으며 Vue 2와 Vue3 모두를 지원하는 라이브러리를 만들 때 사용할 수 있는 툴킷인 vue-demi도 공개돼 있습니다.

이 외에도 Vue 3 릴리스 이후에 들어갈지도 모를 RFC 등도 작성돼 있으니 아래 문서를 함께 살펴보시면 좋을 것 같습니다.


헤드라인


Release v1.0.0-beta.1 · vuejs/composition-api

github.com/vuejs/composition-api/releases/tag/v1.0.0-beta.1

Vue library ReleaseNote

Vue 2 용 Composition API 구현체인 @vue/composition-api 1.0.0 beta 1이 릴리스 됐습니다.


New in Firefox 78: DevTools improvements, new regex engine, and abundant web platform updates - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2020/06/new-in-firefox-78/

Firefox ReleaseNote

Firefox 78이 릴리스됐습니다. ESR 갱신 버전입니다.
콘솔에서 Promise 에러를 보다 자세히 출력하도록 본경됐으며 네트워크 패널에서 요청 실패 원인 표시하는 등 개발자 도구가 개선됐습니다.
CSS의 :is:where를 지원하고 :read-only:read-write를 프리픽스 없이 사용할 수 있습니다.
정규 표현의 Named Cature Groups와 ParentNode.replaceChildren를 지원합니다.
TLS 1.0과 1.1이 기본적으로 비성활화 됐습니다.


Release v0.14.0 · video-dev/hls.js

github.com/video-dev/hls.js/releases/tag/v0.14.0

HLS JavaScript library ReleaseNote

hls.js 0.14.0이 릴리스 됐습니다.


Node v14.5.0 (Current) | Node.js

nodejs.org/en/blog/release/v14.5.0/

node.js ReleaseNote

Node v14.5.0이 릴리스 됐습니다.
V8 8.3으로 갱신됐으며 EventTarget이 시험적으로 구현됐습니다.


V8 release v8.4 · V8

v8.dev/blog/v8-release-84

V8 ReleaseNote

V8 8.4(Chrome 84)가 릴리스됐습니다.
WebAssembly SIMD API를 Origin Trial로 이용할 수 있게 됐으며 WeakRef, Private methods와 accessors를 지원합니다.


Release v5.0.0 · puppeteer/puppeteer

github.com/puppeteer/puppeteer/releases/tag/v5.0.0

Chrome Tools ReleaseNote

Puppeteer v5.0.0이 릴리스 됐습니다.
page.emulateMediapage.emulateMediaType으로 변경됐으며 Direct require를 삭제하고 객제에서 가져올 수 있도록 변경됐습니다.


Release Version 6.0.0 · react-hook-form/react-hook-form

github.com/react-hook-form/react-hook-form/releases/tag/v6.0.0

React library ReleaseNote

React Hook Form 6.0.0이 릴리스 됐습니다.


Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs

github.com/vuejs/rfcs/issues/183

Vue news

Vue 3의 상태(status)가 정리돼 있습니다.
7월에 RC가 릴리스되고 8월에 정식 버전이 릴리스될 예정입니다.


Release 3.10.0 · avajs/ava

github.com/avajs/ava/releases/tag/v3.10.0

node.js testing library ReleaseNote

AVA 3.10.0이 릴리스 됐습니다.
.only()를 사용하는 중에 스탭샷을 업데이트하지 않도록 개선됐고 t.timeout에 메시지 옵션이 추가됐습니다.
t.try()t.snapshot()을 hook 내에서 실행할 수 없도록 수정됐습니다.


아티클


Sign-in form best practices

web.dev/sign-in-form-best-practices/

HTML accessibility article

<form> / <input> / <label> / <button>을 사용한 폼 작성 관련 체크리스트가 정리돼 있습니다.


Creating an Application Performance Monitor Using Node 14 New and Experimental Features | Medium

medium.com/@erickwendel/node-v14-x-is-up-deep-diving-into-new-features-ace6dd89ac0b

node.js article

Node.js 14에서 사용할 수 있는 실험적(experimental)인 기능을 사용해 애플리케이션 모니터링 Agent를 만드는 방법을 소개합니다.
Async Local Storage, Diagnostic Reports 등을 소개합니다.


슬라이드, 영상


web.dev LIVE

web.dev/live/

Conference video google Chrome

web.dev의 세션 영상이 공개됐습니다.


사이트, 서비스, 문서


Overview | Tooling.Report

bundlers.tooling.report/

bundler Tools document

browserify, parcel, rollup, webpack 등, bundler의 기능을 비교 / 정리하는 사이트입니다.


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


preactjs/compressed-size-action: GitHub Action that adds compressed size changes to your PRs.

github.com/preactjs/compressed-size-action

Github Actions library node.js npm

JavaScript 파일의 빌드 크기가 달라졌음을 알려주는 GitHub Actions 입니다.


tom-sherman/immurl: 🔗 A tiny immutable URL library, backed by the native whatwg URL.

github.com/tom-sherman/immurl

JavaScript URL library

URL의 immutable 버전입니다.


antfu/vue-demi: 🎩 Creates Universal Library for Vue 2 & 3

github.com/antfu/vue-demi

Vue library

Vue2와 3를 지원하는 라이브러리를 작성하기 위한 툴킷 라이브러리입니다.
Vue2와 3 사이에 호환성이 없기 때문에 두 버전을 모두 지원하는 라이브러리 개발을 도와줍니다.


도서


시작하면서 - 서바이벌 TypeScript(일본어)

book.yyts.org/

TypeScript document ebook

프로그래밍 경험이 있는 사람을 대상으로 한 TypeScript 학습서입니다.


Pull Request to this article
記事を紹介する