JSer.info #535 - Node.js 보안 업데이트로 v10.24.1, v12.22.1, v14.16.1, v15.14.0이 각각 릴리스됐다.

April 2021 Security Releases | Node.js

OpenSSL 관련 두 건과 각 Node.js가 내포하고 있는 npm이 의존하는 y18n의 프로토타입 오염 취약점 수정됐다.

관련해서 Node.js 10 LTS 지원 기한은 2021년 04월 30일 이므로 참고.

nodejs/Release: Node.js Release Working Group

Cloudflare의 정적 사이트 호스팅 서비스 Cloudflare Pages가 GA로 공개 됐다.

Cloudflare Pages is now Generally Available

Vercel이나 Netlify와 비슷한 웹 서비스로 Jamstack와 같은 정적 사이트를 쉽게 공개하는데 특화된 서비스다.
이와 비슷한 서비스는 아래 글에 정리돼 있으니 참고.

Cloudflare Pages・Vercel ・Netlify의 다른점과 서비스 성격 정리(일본어)

Cloudflare Pages 관련된 기존 문제는 다음 문서에 정리돼 있으니 사용에 참고.

Known issues · Cloudflare Pages docs

DevTools architecture refresh: migrating DevTools to TypeScript - Chrome Developers

Chrome DevTools 코드 베이스를 Closure Compiler 기반의 타입 검증 방식에서 TypeScript로 어떻게 마이그레이션 했는지 소개.

Closure Compiler 기반의 타입 검증에서 왜 TypeScript로 이전하는지, 이전 방식으로 any를 일시적으로 적용해 에러 없이 시작하는 게 아니라 타입스크립트의 타입 오류를 수동으로 수정하는 어떻게 보면 시간이 더 오래 걸리는 방법을 선택하게 됐는지 이야기한다.

위 글을 읽기에 앞서 독자 모듈 구조를 갖는 레거시한 Chrome DevTools 코드 베이스를 어떻게 모던한 구조로 전환했는지 아래 영상 시청하면 좋을 것.

Upgrading DevTools' architecture to the modern web - YouTube

헤드라인

Release v2.20.0 · date-fns/date-fns

github.com/date-fns/date-fns/releases/tag/v2.20.0

JavaScript library ReleaseNote

date-fns 2.20.0 릴리스.
eachMinuteOfInterval, nextWednesday, nextThursday, nextFriday, nextSaturday, nextSunday 추가.

April 2021 Security Releases | Node.js

nodejs.org/en/blog/vulnerability/april-2021-security-releases/

node.js security ReleaseNote

Node.js 보안 업데이트.
OpenSSL 관련 문제 두 건, y18n 프로토타입 오염 취약점 수정.
Node.js v10.24.1, v12.22.1, v14.16.1, v15.14.0이 각각 릴리스됐다.

Release v5.0.1 · verdaccio/verdaccio

github.com/verdaccio/verdaccio/releases/tag/v5.0.1

npm library ReleaseNote

npm registry 구현체인 verdaccio 5.0 릴리스.
npm token create 지원 활성화, native module 의존 문제 해결, token 보존에 leveldb가 아니라 lowdb를 사용하도록 수정.

typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)

Cloudflare Pages is now Generally Available

blog.cloudflare.com/cloudflare-pages-ga/

news webservice

Cloudflare Pages가 GA로 공개됐다.
Netlify 처럼 _redirects 파일 지원.
향후 GitLab / Bitbucket 연계, webhooks, A/B testing, Cloudflare Workers와의 연계 지원 예정.

ES2021 edition of “JavaScript for impatient programmers”

gist.github.com/rauschma/e9c00fddc17e73fab6ce6c22b2e78e17

ECMAScript JavaScript news book

JavaScript for impatient programmers의 ES2021 버전 릴리스.
ES2021 버전의 변경 사항이 작성돼 있다.

JavaScript for impatient programmers (ES2021 edition)

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

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

React JavaScript library ReleaseNote

React Hook Form 7.0.0 릴리스.
register 사용 방법 변경, valueAs*가 validate 전에 처리되도록, API의 반환값이나 인수가 변경됐다.
마이그레이션 도구도 함께 공개됐다.

Migrate From V6 to V7 | React Hook Form - Simple React forms validation

아티클

Evolving the CLS metric

web.dev/evolving-cls/

performance Chrome article

CLS 스코어 계산 로직 변경에 대해 소개.
1초 갭 / 최대 5초 기준으로 세션 창에서 Layout Shift를 감지하고 그 합계를 CLS 점수로 환산하는 방식으로 적용.

Feedback wanted: The road to a better layout shift metric for long-lived pages

DevTools architecture refresh: migrating DevTools to TypeScript - Chrome Developers

developer.chrome.com/blog/migrating-to-typescript/

Chrome article TypeScript

Chrome DevTools 코드 베이스를 Closure Compiler 기반의 타입 겅증에서 TypeScript로 변경한 방식과 과정 소개.
왜 타입스크립트로 변경하는지, TypeScript의 타입 추론 평가, 이전 전략에서 모든 타입스크립트 에러를 수동으로 수정하는 방법을 선택했는지, 마이그레이션의 분석 등.

The definitive guide to profiling React applications

blog.asayer.io/the-definitive-guide-to-profiling-react-applications

React performance article

React DevTools를 사용한 프로파일링과 성능 개선 방법 소개.
DevTools의 Flamegraph 등 각 그래프 읽는법, render나 commit 의미, Profiler 컴포넌트에 대해서.
어떠한 입력에 대해 데이터 취득과 갱신 하는 코드를 예로 프로파일러를 사용해 개선 과정을 소개한다.