Fork me on GitHub

2021-07-20: Node.js 16.5.0(WHATWG Stream), npm 7.20.0(`npm pkg`), Ember 4 로드맵

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #549 - Node.js 16.5.0 릴리스

16.5.0에서는 시험적으로 WHATWG에서 사양이 책정 돼 웹 브라우저에 구현돼 있는 WHATWG Streams API가 구현됐다(stream/web).
Node.js에는 이미 Node.js Stream API가 있지만 WHATWG 스트림과는 다른 구현이다.

Node.js Stream와 WHATWG Stream의 차이점은 아래 문서에 정리돼 있으니 참고바란다.

Node.js에서 WHATWG Stream를 구현하고 있는 이유로는 QUIC / HTTP3 지원 등에서 찾을 수 있다.

또, Node.js Stream와 WHATWG Stream의 공존 방식과 상호 호환성은 아래 이슈에서 이야기되고 있다.


npm 7.20.0 릴리스.

npm 7.20.0에서 package.json의 임의의 필드를 읽거나 쓸 수 있는 npm pkg 명령어가 추가됐다.


The Road to Ember 4.0을 통해 Ember 4 로드맵이 공개됐다.

Ember 4는 2021년 9월 20에 릴리스 예정이다.
Ember의 메이저 업데이트에서는 새로운 기능 추가는 없으며, 비권장한 API 삭제가 이뤄지고 Ember Classic 폐지 돼 Octane으로 갱신을 권장한다.

각 이전 가이드도 공개됐다.

또, Ember 4에서는 IE를 지원하지 않을 예정이다.


헤드라인


Node v16.5.0 (Current) | Node.js

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

node.js ReleaseNote

Node.js 16.5.0 릴리스.
WHATWG Stream API를 시험적으로 지원.


Release v1.0.0 · vuejs/composition-api

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

Vue library ReleaseNote

Vue 2 용 Composition API를 제공하는 @vue/composition-api 1.0.0 릴리스.


Release v7.20.0 · npm/cli

github.com/npm/cli/releases/tag/v7.20.0

npm ReleaseNote

npm 7.20.0 릴리스.
package.json 값을 읽거나 쓸수 있는 npm pkg 명령어 추가, npm config--location 플래그 추가.


Release v6.0.0 · riot/riot

github.com/riot/riot/releases/tag/v6.0.0

JavaScript library ReleaseNote

Riot.js 6.0.0 릴리스.
TypeScript에서 cast가 에러가 되던 문제 수정. 보다 정밀하게 타입 정의 변경.


Deno 1.12 Release Notes | Deno Blog

deno.com/blog/v1.12

deno ReleaseNote

Deno 1.12 릴리스.
Web Crypto API 개선, REPL에서 TypeScript 코드와 import 문 지원, MessagePortMessageChannel 지원.
deno test--shuffle--fail-test 인수 추가, fetch에 Proxy 하기 위한 client 옵션 추가.
WeakRef 버그 수정, Chrome DevTools 지원 개선


ECMAScript proposal updates @ 2021-07 | ECMAScript Daily

ecmascript-daily.github.io/ecmascript/2021/07/19/ecmascript-proposal-update

ECMAScript proposal news

2021년 7월 TC39 Meeting에서 Stage가 변경된 Proposal 모음.
Private Fields의 Brand Checks가 Stage 4로 변경됐고 Realms가 Stage 3으로 변경됨.


Release v4.0.0 · mongodb/node-mongodb-native

github.com/mongodb/node-mongodb-native/releases/tag/v4.0.0

node.js MongoDB library ReleaseNote

MongoDB Node.js Driver 4.0 릴리스.
MongoDB 5.0 지원, Time Series Collections 지원, Secondary에서 Snapshot 읽기 지원 등


아티클


Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1) | Vue Mastery

www.vuemastery.com/blog/vue-3-migration-build/

Vue article

"@vue/compat를 사용한 Vue 3으로 마이그레이션"을 주제로 작성한 글


The Road to Ember 4.0

blog.emberjs.com/the-road-to-ember-4-0/

Ember JavaScript article

Ember 4.0 로드맵 공개.
Ember 4는 2021년 9월 20에 릴리스 예정.
Ember의 메이저 업데이트에서는 새로운 기능 추가는 없으며, 비권장한 API 삭제가 이뤄지고 Ember Classic 폐지 돼 Octane으로 갱신을 권장한다.
또, IE 지원을 종료할 예정이다.


The performance effects of too much lazy-loading

web.dev/lcp-lazy-loading/

performance article

HTTP Archive 데이터에 근거하여 loading=lazy는 웹 사이트의 17%에서 사용되고 있고, 그 대부분은 WordPress 사이트로 나타나고 있음을 시사.
WordPress 사이트는 Lazy Loading을 Above the fold한 이미지에 대해서도 적용하고 있기 때문에 Lazy Load 하지 않은 경우에 비해 오히려 LCP가 악화되는 문제가 있다.


슬라이드 영상


tc39_study_2 - Speaker Deck(일본어)

speakerdeck.com/jxck/tc39-study-2

ECMAScript proposal slide

ECMAScript Proposal을 요약 소개하는 슬라이드 자료


사이트, 서비스, 문서


mrbbot/miniflare: 🔥 Fully-local Cloudflare Workers Simulator

github.com/mrbbot/miniflare

cloudflare debug

Cloudflare Workers를 로컬에서 실행해 볼 수 있는 시뮬레이터.
로컬 개발 시에 wrangler dev 대신 사용할 수 있는 도구


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


elad2412/the-new-css-reset: The New Simple and Lighter CSS Reset

github.com/elad2412/the-new-css-reset

CSS library

unset이나 :where 등 새로운 기능을 기반으로 작성한 CSS reset 라이브러리.


grafana/k6: A modern load testing tool, using Go and JavaScript - https://k6.io

github.com/grafana/k6

golang JavaScript TEST

Go와 JavaScript를 사용한 부하 테스트 도구
JavaScript로 스크립트를 작성해 부하 및 성능 테스트 할 수 있다.


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