Translate to korean 2021-04-27 (#862)

jser · May 4, 2021 · 95a7139 · 95a7139
1 parent cf6e68e
commit 95a7139
Showing 1 changed file with 228 additions and 0 deletions.
diff --git a/...sts/2021/2021-04-27-node.js-16.0.0-chrome-91-beta-prismaready-for-production.md b/...sts/2021/2021-04-27-node.js-16.0.0-chrome-91-beta-prismaready-for-production.md
@@ -0,0 +1,228 @@
+---
+title: "2021-04-27: Node.js 16.0.0, Chrome 91 beta, Prisma(Ready for production)"
+author: "azu"
+translator: U-Yeong Ju
+layout: post
+date : 2021-04-27T02:24:29.529Z
+category: JSer
+tags:
+- node.js
+- Tools
+- Chrome
+- TypeScript
+- CSS
+
+---
+
+JSer.info #537 - 다음 LTS 후보인 Node.js 16이 릴리스 됐다.
+
+- [Node v16.0.0 (Current) | Node.js](https://nodejs.org/en/blog/release/v16.0.0/)
+- [Node.js 16 available now. We are excited to announce the release… | by Node.js | Apr, 2021 | Medium](https://nodejs.medium.com/node-js-16-available-now-7f5099a97e70)
+- [Node.js v16의 주요 변경 사항 - 별로 힘들지 않은 블로그](https://shisama.hatenablog.com/entry/2021/04/22/090000)(일본어)
+
+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](https://jser.info/2020/10/27/react-17-node-v15.0.0-libsass-is-deprecated/)
+- [Node.js v15의 주요 변경 사항 - 별로 힘들지 않은 블로그](https://shisama.hatenablog.com/entry/2020/10/21/004612)(일본어)
+
+Node.js 16은 2021-10-26부터 LTS가 될 예정이다.
+또, Node.js 10.x는 2021-04-30로 지원이 종료된다.
+
+- [nodejs/Release: Node.js Release Working Group](https://github.com/nodejs/Release)
+
+----
+
+Chrome 91 beta가 릴리스 됐다.
+
+- [Chromium Blog: Chrome 91: Handwriting Recognition, WebXR Plane Detection and More](https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html)
+
+Origin Trial로써 Service Worker manifest의 [`capture_links`](https://github.com/WICG/sw-launch/blob/main/declarative_link_capturing.md), [WebTransport](https://w3c.github.io/webtransport/), [WebXR Plane Detection API](https://www.chromestatus.com/feature/5732397976911872) 지원.
+그 외로 Timer 해상도를 사양에 근거한 값으로 변경, WebSockets over HTTP / 2 지원, Service Worker에서 ES Modules를 지원한다.
+
+- [ep72 WebTransport | mozaic.fm](https://mozaic.fm/episodes/72/webtransport.html)
+
+----
+
+Node.js와 TypeScript 환경에서 다룰 수 있는 ORM인 [Prisma](https://www.prisma.io/)가 Production Ready 릴리스 됐다.
+
+- [Prisma – The Complete ORM for Node.js & TypeScript](https://www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb)
+  - 일본어 버전: [Node.js & TypeScript 용의 완벽한ORM](https://zenn.dev/kanasugi/articles/a082bd39c5bdf2)(일본어)
+
+해당 글에는 Prisma를 구성하는 Prisma Client, Prisma Migrate, Prisma Studio라는 도구와 Prisma 특징이 소개돼 있다.
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Node v16.0.0 (Current) | Node.js
+[nodejs.org/en/blog/release/v16.0.0/](https://nodejs.org/en/blog/release/v16.0.0/ "Node v16.0.0 (Current) | Node.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js 16.0.0 릴리스.
+V8 9.0으로 갱신, `timers/promises` 추가, Apple Silicon 용의 prebuilt된 바이너리 배포.
+`fs.rmdir`의 `recursive` 옵션 비권장, `process.binding`를 사용한 접근 비권장, `module.createRequireFromPath` 삭제.
+이와 더불어 Node 15에서 반영된 npm 7으로 갱신도 포함됐다.
+
+- [Node.js 16 available now. We are excited to announce the release… | by Node.js | Apr, 2021 | Medium](https://nodejs.medium.com/node-js-16-available-now-7f5099a97e70 "Node.js 16 available now. We are excited to announce the release… | by Node.js | Apr, 2021 | Medium")
+
+----
+
+## Release v11.5.0 · raineorshine/npm-check-updates
+[github.com/raineorshine/npm-check-updates/releases/tag/v11.5.0](https://github.com/raineorshine/npm-check-updates/releases/tag/v11.5.0 "Release v11.5.0 · raineorshine/npm-check-updates")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+npm-check-updates 11.5.0 릴리스.
+yarn 자동 탐지 대응.
+
+
+----
+
+## Release v9.0.0 · puppeteer/puppeteer
+[github.com/puppeteer/puppeteer/releases/tag/v9.0.0](https://github.com/puppeteer/puppeteer/releases/tag/v9.0.0 "Release v9.0.0 · puppeteer/puppeteer")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">browser</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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](https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html "Chromium Blog: Chrome 91: Handwriting Recognition, WebXR Plane Detection and More")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Chrome 91 베타 릴리스.
+Origin Trial 로서 Service Worker manifest의 `capture_links`, WebTransport, WebXR Plane Detection API 지원.
+Timer 해상도를 사양에 근거한 값으로 변경, WebSockets over HTTP/2 지원, Service Worker에서 ES Modules 지원.
+
+- [sw-launch/declarative\_link\_capturing.md at main · WICG/sw-launch](https://github.com/WICG/sw-launch/blob/main/declarative_link_capturing.md "sw-launch/declarative\_link\_capturing.md at main · WICG/sw-launch")
+
+----
+
+## Release v4.1.0 · reduxjs/redux
+[github.com/reduxjs/redux/releases/tag/v4.1.0](https://github.com/reduxjs/redux/releases/tag/v4.1.0 "Release v4.1.0 · reduxjs/redux")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Redux 4.1.0 릴리스.
+에러 메시지를 production build에서 제외하여 파일 크기 개선.
+
+
+----
+<h1 class="site-genre">아티클</h1>
+
+----
+
+## Understanding TypeScript&#039;s Popularity | Notes
+[orta.io/notes/js/why-typescript](https://orta.io/notes/js/why-typescript "Understanding TypeScript&#039;s Popularity | Notes")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span> <span class="jser-tag">history</span> <span class="jser-tag">opinion</span></p>
+
+TypeScript가 대세가 됐는지를 주요 이벤트 타임라임과 유사한 도구와 함께 비교해보며 해석한 글.
+
+
+----
+
+## Prisma – The Complete ORM for Node.js &amp; TypeScript
+[www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb](https://www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb "Prisma – The Complete ORM for Node.js &amp; TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">MySQL</span> <span class="jser-tag">PostgreSQL</span> <span class="jser-tag">article</span></p>
+
+Node.js와 TypeScript로 다룰 수 있는 ORM 맵퍼 Prisma가 Production Ready 됐다.
+스키마에서 TypeScript의 타입 정의를 추출, 이용할 수 있는 Prisma Client, 데이터 모델에서 Prisma Migrate, GUI로 데이터 조회 및 변경 가능한 Prisma Studio를 제공한다.
+
+- [Node.js &amp; TypeScript向けの完璧なORM](https://zenn.dev/kanasugi/articles/a082bd39c5bdf2 "Node.js &amp;amp; TypeScript向けの完璧なORM")
+
+----
+
+## Using asynchronous web APIs from WebAssembly
+[web.dev/asyncify/](https://web.dev/asyncify/ "Using asynchronous web APIs from WebAssembly")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+Emscripten에서 비동기를 다루는 Asyncify, C++과 JS 간 값을 변환하는 Embind, JavaScript를 조합하여 Wasm에서 비동기 WebPlatform API를 다루는 방법 소개.
+
+- [GoogleChromeLabs/asyncify: Standalone Asyncify helper for Binaryen](https://github.com/GoogleChromeLabs/asyncify "GoogleChromeLabs/asyncify: Standalone Asyncify helper for Binaryen")
+
+----
+
+## The great SameSite confusion :: jub0bs.com
+[jub0bs.com/posts/2021-01-29-great-samesite-confusion/](https://jub0bs.com/posts/2021-01-29-great-samesite-confusion/ "The great SameSite confusion :: jub0bs.com")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">security</span> <span class="jser-tag">article</span></p>
+
+cross-site / same-site와 cross-origin / same-origin 차이에 대해서 소개하는 글.
+Same-Site Cookie의 동작가 매커니즘도 이야기한다.
+
+- [same-site/cross-site, same-origin/cross-origin를 제대로 이해하기](https://zenn.dev/agektmr/articles/f8dcd345a88c97 "same-site/cross-site, same-origin/cross-origin를 제대로 이해하기")(일본어)
+
+----
+
+## Overflow Issues In CSS — Smashing Magazine
+[www.smashingmagazine.com/2021/04/css-overflow-issues/](https://www.smashingmagazine.com/2021/04/css-overflow-issues/ "Overflow Issues In CSS — Smashing Magazine")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+페이지 너비를 넘어 들어가는 요소 문제와 해결 방법에 대한 글.
+요소나 CSS 속성 별로 문제의 원인과 대응 방법 소개.
+또, 요소를 넘어간 요소를 찾는 방법 등의 디버깅 방법도 소개.
+
+
+----
+<h1 class="site-genre">사이트, 서비스, 문서</h1>
+
+----
+
+## Headless WYSIWYG Text Editor – tiptap editor
+[www.tiptap.dev/](https://www.tiptap.dev/ "Headless WYSIWYG Text Editor – tiptap editor")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">editor</span> <span class="jser-tag">library</span></p>
+
+ProseMirror 기반의 WYSIWYG 에디터 라이브러리.。
+Vue, React, Svelte 등에 대응, Y.js를 사용한 실시간 협업 대응, 신텍스 하이라이트와 Markdown 기법을 이용한 단축 기능 대응.
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## mhmd-22/ezgesture: Small js library for enabling gesture events
+[github.com/mhmd-22/ezgesture](https://github.com/mhmd-22/ezgesture "mhmd-22/ezgesture: Small js library for enabling gesture events")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+드래그, 스와이프, 핀치 줌/아웃을 다룰 수 있는 라이브러리.
+
+
+----
+
+## Vue.js UI/UX Library - Inkline
+[inkline.io/](https://inkline.io/ "Vue.js UI/UX Library - Inkline")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">UI</span> <span class="jser-tag">library</span></p>
+
+Vue 용 UI 프레임워크.
+
+
+----
+
+## Style Check
+[style-check.austingil.com/](https://style-check.austingil.com/ "Style Check")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">Tools</span></p>
+
+지정한 CSS를 불러와 HTML 요소에 어떤 스타일 영향을 주는지 검사할 수 있는 도구.
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## The GraphQL Guide
+[graphql.guide/](https://graphql.guide/ "The GraphQL Guide")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">GraphQL</span> <span class="jser-tag">book</span> <span class="jser-tag">video</span></p>
+
+GraphQL을 주제로 한 서적과 영상.
+John Resig과 Loren Sands-Ramshaw가 제작한 GraphQL 가이드.
+GraphQL 설명, 프런트엔드, 백엔드, React, Vue, Android, iOS에 대해 다룬다.
+
+- [Releasing The GraphQL Guide. John Resig’s book on GraphQL is here! | by Loren Sands-Ramshaw | Apr, 2021 | The GraphQL Guide](https://blog.graphql.guide/releasing-the-graphql-guide-d9be04747148 "Releasing The GraphQL Guide. John Resig’s book on GraphQL is here! | by Loren Sands-Ramshaw | Apr, 2021 | The GraphQL Guide")
+
+----