Fork me on GitHub

2019-10-22: Node v12.13.0 (LTS), Chrome 79 개발자 도구의 변경사항, WSL2로 Node.js 입문

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #458 - Node.js 12.13.0이 릴리스됐습니다.

Node.js 12.x의 LTS(Long Term Support)가 되는 버전이며 Node.js 12.x는 2022년 4월 까지 지원(매인터넌스) 합니다.
현재 LTS는 8.x, 10.x, 12.x 세가지 이며 8.x는 2019년 12월에 지원을 종료할 예정입니다.

AWS Lambda에서는 Node.js 8.10의 이용을 비권장하고 폐지하기 까지의 일정을 발표했습니다.

Node.js 12.13.0의 변경사항으로는 npm 6.12.0으로의 업데이트가 포함된 정도입니다.
Node.js 12의 메이저 업데이트와 관련한 변경사항은 아래 문서를 참고하시길 바랍니다.


What's New In DevTools (Chrome 79)  |  Web  |  Google Developers에는 Chrome 79 개발자 도구의 변경사항이 정리돼 있습니다.

SameSite Cookie 도입이 예정돼 있으므로 네트워크 패널에 막힌(blocked) 쿠키와 원인이 표시되도록 변경됐습니다.
이어, 코드 커버리지 기능이 개선됐고 네트워크 요청의 콜스택 정보를 표시하며 들여쓰기 설정이 무시되는 버그가 수정됐습니다.

Chrome 80에서 기본 설정 될 SameSite=Lax 즉, SameSite Cookie는 아래 문서를 참고하시길 바랍니다.


헤드라인


Release v4.0.0 · vuejs/vue-cli

github.com/vuejs/vue-cli/releases/tag/v4.0.0

Vue console Tools ReleaseNote

Vue CLI 4.0.0이 릴리스됐습니다.
Nightwatch, Jest, PWA 지원이 개선됐으며 의존 모듈의 메이저 업데이트가 포함됐습니다.


Release v5.6.0 · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v5.6.0

Chrome performance Tools ReleaseNote

lighthouse v5.6.0이 릴리스됐습니다.
Stack pack에서 Angular, React, AMP, Magento를 지원하며 프레임워크 고유의 계측(metrics) 정보가 추가됐습니다.


TestCafe v1.6.0 Released | TestCafe

devexpress.github.io/testcafe/blog/testcafe-v1-6-0-released.html

browser testing library ReleaseNote

TestCafe 1.6.0이 릴리스됐습니다.
전체 페이지 스크린샷을 지원하고, 스크린샷 관련한 옵션이 변경됐습니다.


Release Notes for Safari Technology Preview 94 | WebKit

webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/

safari ReleaseNote

Safari Technology Preview 94가 릴리스됐습니다.
CSS Shadow Parts의 ::part() 의사 요소를 지원하며 https에서 HTTP 헤더에 Cache-Control: no-store가 포함, 전송된 페이지도 BFCache에 들어가도록 변경됐습니다.


Node v12.13.0 (LTS) | Node.js

nodejs.org/en/blog/release/v12.13.0/

node.js ReleaseNote

Node.js 12.13.0이 릴리스됐습니다.
Node.js 12.x의 LTS(Long Term Support) 버전으로 2022년 4월 까지 지원(메인터넌스) 합니다.
이 버전에서는 npm 6.12.0로 갱신됐습니다.


Release electron v7.0.0 · electron/electron

github.com/electron/electron/releases/tag/v7.0.0

Electron ReleaseNote

Electron v7.0.0이 릴리스됐습니다.


아티클


What's New In DevTools (Chrome 79)  |  Web  |  Google Developers

developers.google.com/web/updates/2019/10/devtools

Chrome debug article

Chrome 79의 개발자 도구에 대해서 정리돼 있습니다.
막힌(blocked) Cookie 정보와 원인을 표시하고 코드 커버리지 기능이 개선됐습니다. 또 네트워크 요청의 콜스택 정보를 표시합니다.


Vanilla JavaScript and HTML - No frameworks. No libraries. No problem. - DEV Community 👩‍💻👨‍💻

dev.to/pluralsight/vanilla-javascript-and-html-no-frameworks-no-libraries-no-problem-2n99

JavaScript DOM article

프레임워크를 사용하지 않고 DOM API 만으로 웹페이지를 작성하는 튜토리얼입니다.
<template> 태그를 사용한 컴포넌트 작성과 렌더링에 대해서 소개돼 있습니다.


Firefox's New WebSocket Inspector - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/

Firefox debug WebSocket article

Firefox 71의 개발자 도구에서 WebSockets Inspector가 개편됩니다.
WS protocol의 데이터가 JSON, Socket.IO, SockJS 등의 경우에 데이터를 인스펙트할 수 있도록 변경됐으며 WS 트래픽의 정지와 재개 버튼이 추가됐습니다.


슬라이드, 영상


speakerdeck.com/masashi/samesite-cookie

browser slide security

SameSite Cookie를 주제로한 슬라이드 자료입니다.
SameSite Cookie와 CSRF, Cookie의 속성, SameSite Cookie의 동작과 옵션(Strict, Lax, None), 웹사이트에 미치는 영향 등에 대해서 정리돼 있습니다.


사이트, 서비스, 문서


Developing with Node.js on Windows | Microsoft Docs

docs.microsoft.com/en-us/windows/nodejs/index

node.js tutorial windows

WSL 2 기반 윈도우즈 환경 Node.js 개발을 주제로 한 튜토리얼입니다.


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


middyjs/middy: 🛵 The stylish Node.js middleware engine for AWS Lambda

github.com/middyjs/middy

node.js aws Lambda library

aws lambda의 handler에 대해서 전 / 후처리를 실행할 수 있는 middleware 라이브러리입니다.


meriyah/meriyah: A 100% compliant, self-hosted javascript parser - https://meriyah.github.io/meriyah

github.com/meriyah/meriyah

JavaScript AST library

JavaScript의 코드를 ESTree AST 포맷으로 파싱할 수 있는 JavaScript 파서 라이브러리입니다.


vega/vega-lite: A concise grammar of interactive graphics, built on Vega.

github.com/vega/vega-lite

JavaScript library graphic

선언적 데이터를 이용해 인터랙티브한 그래프는 생성할 수 있는 라이브러리입니다.


Pull Request to this article
記事を紹介する