JSer.info #495 - Firefox 78이 릴리스됐습니다.
- New in Firefox 78: DevTools improvements, new regex engine, and abundant web platform updates - Mozilla Hacks - the Web developer blog
- Firefox 78.0, See All New Features, Updates and Fixes
- Firefox 78 for developers - Mozilla | MDN
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-api의 v1.0.0-beta.1이 릴리스 돼 있으며 Vue 2와 Vue3 모두를 지원하는 라이브러리를 만들 때 사용할 수 있는 툴킷인 vue-demi도 공개돼 있습니다.
- antfu/vue-demi: 🎩 Creates Universal Library for Vue 2 & 3
- Make Libraries Working with Vue 2 and 3 - Anthony Fu
이 외에도 Vue 3 릴리스 이후에 들어갈지도 모를 RFC 등도 작성돼 있으니 아래 문서를 함께 살펴보시면 좋을 것 같습니다.
- SFC Improvements by yyx990803 · Pull Request #182 · vuejs/rfcs
- Weekly Vue 2020-07-05 - DEV Community 👩💻👨💻
헤드라인
Release v1.0.0-beta.1 · vuejs/composition-api
github.com/vuejs/composition-api/releases/tag/v1.0.0-beta.1
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 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.js 0.14.0이 릴리스 됐습니다.
Node v14.5.0 (Current) | Node.js
nodejs.org/en/blog/release/v14.5.0/
Node v14.5.0이 릴리스 됐습니다.
V8 8.3으로 갱신됐으며 EventTarget이 시험적으로 구현됐습니다.
V8 release v8.4 · V8
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
Puppeteer v5.0.0이 릴리스 됐습니다.
page.emulateMedia가 page.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 Hook Form 6.0.0이 릴리스 됐습니다.
Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs
github.com/vuejs/rfcs/issues/183
Vue 3의 상태(status)가 정리돼 있습니다.
7월에 RC가 릴리스되고 8월에 정식 버전이 릴리스될 예정입니다.
Release 3.10.0 · avajs/ava
github.com/avajs/ava/releases/tag/v3.10.0
AVA 3.10.0이 릴리스 됐습니다.
.only()를 사용하는 중에 스탭샷을 업데이트하지 않도록 개선됐고 t.timeout에 메시지 옵션이 추가됐습니다.
t.try()나 t.snapshot()을 hook 내에서 실행할 수 없도록 수정됐습니다.
아티클
Sign-in form best practices
web.dev/sign-in-form-best-practices/
<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 14에서 사용할 수 있는 실험적(experimental)인 기능을 사용해 애플리케이션 모니터링 Agent를 만드는 방법을 소개합니다.
Async Local Storage, Diagnostic Reports 등을 소개합니다.
슬라이드, 영상
web.dev LIVE
web.dev의 세션 영상이 공개됐습니다.
사이트, 서비스, 문서
Overview | Tooling.Report
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
JavaScript 파일의 빌드 크기가 달라졌음을 알려주는 GitHub Actions 입니다.
tom-sherman/immurl: 🔗 A tiny immutable URL library, backed by the native whatwg URL.
URL의 immutable 버전입니다.
antfu/vue-demi: 🎩 Creates Universal Library for Vue 2 & 3
Vue2와 3를 지원하는 라이브러리를 작성하기 위한 툴킷 라이브러리입니다.
Vue2와 3 사이에 호환성이 없기 때문에 두 버전을 모두 지원하는 라이브러리 개발을 도와줍니다.
- Make Libraries Working with Vue 2 and 3 - Anthony Fu
- Vue 3: mid 2020 status update · Issue #183 · vuejs/rfcs
도서
시작하면서 - 서바이벌 TypeScript(일본어)
프로그래밍 경험이 있는 사람을 대상으로 한 TypeScript 학습서입니다.
