JSer.info #537 - 다음 LTS 후보인 Node.js 16이 릴리스 됐다.
- Node v16.0.0 (Current) | Node.js
- Node.js 16 available now. We are excited to announce the release… | by Node.js | Apr, 2021 | Medium
- Node.js v16의 주요 변경 사항 - 별로 힘들지 않은 블로그(일본어)
V8 9.0으로 갱신, timers/promises 추가, Apple Silicon 용으로 prebuilt 된 바이너리 배포.
또, fs.rmdir의 recursive 옵션 비권장, process.binding를 사용한 접근 비권장, module.createRequireFromPath가 삭제됐다.
Node.js 16에는 Node.js 15의 변경도 포함돼 있어 npm 7으로의 갱신이나 Unhandled Rejections 시의 종료 상태 변경 등 비호환 변경 사항도 포함돼 있다.
- 2020-10-27のJS: React 17、Node v15.0.0、LibSass is Deprecated - JSer.info
- Node.js v15의 주요 변경 사항 - 별로 힘들지 않은 블로그(일본어)
Node.js 16은 2021-10-26부터 LTS가 될 예정이다.
또, Node.js 10.x는 2021-04-30로 지원이 종료된다.
Chrome 91 beta가 릴리스 됐다.
Origin Trial로써 Service Worker manifest의 capture_links, WebTransport, WebXR Plane Detection API 지원.
그 외로 Timer 해상도를 사양에 근거한 값으로 변경, WebSockets over HTTP / 2 지원, Service Worker에서 ES Modules를 지원한다.
Node.js와 TypeScript 환경에서 다룰 수 있는 ORM인 Prisma가 Production Ready 릴리스 됐다.
해당 글에는 Prisma를 구성하는 Prisma Client, Prisma Migrate, Prisma Studio라는 도구와 Prisma 특징이 소개돼 있다.
헤드라인
Node v16.0.0 (Current) | Node.js
nodejs.org/en/blog/release/v16.0.0/
Node.js 16.0.0 릴리스.
V8 9.0으로 갱신, timers/promises 추가, Apple Silicon 용의 prebuilt된 바이너리 배포.
fs.rmdir의 recursive 옵션 비권장, process.binding를 사용한 접근 비권장, module.createRequireFromPath 삭제.
이와 더불어 Node 15에서 반영된 npm 7으로 갱신도 포함됐다.
Release v11.5.0 · raineorshine/npm-check-updates
github.com/raineorshine/npm-check-updates/releases/tag/v11.5.0
npm-check-updates 11.5.0 릴리스.
yarn 자동 탐지 대응.
Release v9.0.0 · puppeteer/puppeteer
github.com/puppeteer/puppeteer/releases/tag/v9.0.0
Puppeteer 9.0.0 릴리스.
Chromium 91으로 갱신, Apple M1 지원, FileChooser.cancel()가 동기로 실행되도록 수정.
Chromium Blog: Chrome 91: Handwriting Recognition, WebXR Plane Detection and More
blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html
Chrome 91 베타 릴리스.
Origin Trial 로서 Service Worker manifest의 capture_links, WebTransport, WebXR Plane Detection API 지원.
Timer 해상도를 사양에 근거한 값으로 변경, WebSockets over HTTP/2 지원, Service Worker에서 ES Modules 지원.
Release v4.1.0 · reduxjs/redux
github.com/reduxjs/redux/releases/tag/v4.1.0
Redux 4.1.0 릴리스.
에러 메시지를 production build에서 제외하여 파일 크기 개선.
아티클
Understanding TypeScript's Popularity | Notes
orta.io/notes/js/why-typescript
TypeScript가 대세가 됐는지를 주요 이벤트 타임라임과 유사한 도구와 함께 비교해보며 해석한 글.
Prisma – The Complete ORM for Node.js & TypeScript
www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb
Node.js와 TypeScript로 다룰 수 있는 ORM 맵퍼 Prisma가 Production Ready 됐다.
스키마에서 TypeScript의 타입 정의를 추출, 이용할 수 있는 Prisma Client, 데이터 모델에서 Prisma Migrate, GUI로 데이터 조회 및 변경 가능한 Prisma Studio를 제공한다.
Using asynchronous web APIs from WebAssembly
Emscripten에서 비동기를 다루는 Asyncify, C++과 JS 간 값을 변환하는 Embind, JavaScript를 조합하여 Wasm에서 비동기 WebPlatform API를 다루는 방법 소개.
The great SameSite confusion :: jub0bs.com
jub0bs.com/posts/2021-01-29-great-samesite-confusion/
cross-site / same-site와 cross-origin / same-origin 차이에 대해서 소개하는 글.
Same-Site Cookie의 동작가 매커니즘도 이야기한다.
Overflow Issues In CSS — Smashing Magazine
www.smashingmagazine.com/2021/04/css-overflow-issues/
페이지 너비를 넘어 들어가는 요소 문제와 해결 방법에 대한 글.
요소나 CSS 속성 별로 문제의 원인과 대응 방법 소개.
또, 요소를 넘어간 요소를 찾는 방법 등의 디버깅 방법도 소개.
사이트, 서비스, 문서
Headless WYSIWYG Text Editor – tiptap editor
ProseMirror 기반의 WYSIWYG 에디터 라이브러리.。
Vue, React, Svelte 등에 대응, Y.js를 사용한 실시간 협업 대응, 신텍스 하이라이트와 Markdown 기법을 이용한 단축 기능 대응.
소프트웨어, 도구, 라이브러리
mhmd-22/ezgesture: Small js library for enabling gesture events
드래그, 스와이프, 핀치 줌/아웃을 다룰 수 있는 라이브러리.
Vue.js UI/UX Library - Inkline
Vue 용 UI 프레임워크.
Style Check
지정한 CSS를 불러와 HTML 요소에 어떤 스타일 영향을 주는지 검사할 수 있는 도구.
도서
The GraphQL Guide
GraphQL을 주제로 한 서적과 영상.
John Resig과 Loren Sands-Ramshaw가 제작한 GraphQL 가이드.
GraphQL 설명, 프런트엔드, 백엔드, React, Vue, Android, iOS에 대해 다룬다.
