Fork me on GitHub

2018-10-30 JS: Node.js 11.0.0, Storybook 4.0.0, Firefox 63

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #407 - Node.js 11 계열이 릴리스됐습니다.

Node.js 11.x, 홀수 버전은 6개월 간 지원하는 개발 버전입니다.
이와 함께 Long Term Support(LTS) 버전인 Node.js 10.x가 10월 30일에 릴리스 될 예정입니다.

Node.js 11에서는 V8을 7.0으로 갱신하며 http.request 메서드의 옵션을 기본적으로 WHATWG URL로 파싱하도록 변경했습니다.
(하위호환성을 위해 파싱에 실패했을 때엔 url으로 다시 파싱합니다)
TextEncoder / TextDecoderutil에서 전역으로 옮겼고 process.binding()을 비동기화했습니다.


UI 컴포넌트 개발 도구인 Storybook 4.0.0이 릴리스됐습니다.

Babel 7 / webacpk 4으로 갱신했고 Ember / MarkoJS / Mithril / HTML / Svelte / Riot 지원을 추가했습니다.
또, React Native 등의 모바일 지원 관련 기능을 개선했으며 theme 변수를 구현해 Storybook 관리 UI의 설정을 변경할 수 있게 했습니다.


Firefox 63.0이 릴리스됐습니다.

Firefox 63에서는 Web Components를 지원합니다.

Media Capabilities API, Async Clipboard API를 지원하며 Clear-Site-Data 헤더를 기본적으로 활성화했습니다.
또, 크로스 브라우저 호환을 위해서 Window.event 프로퍼티를 구현했습니다.

개발자 도구에서는 Fonts Editor를 새롭게 추가하고 Accessibility inspector를 기본적으로 활성화했습니다.
또, 개발자 도구의 인스펙터에서 Web Components(Shadow DOM)를 지원합니다.


헤드라인


Release v3.1.0 · karma-runner/karma

github.com/karma-runner/karma/releases/tag/v3.1.0

JavaScript testing E2E

Karma 3.1.0이 릴리스됐습니다.
socket timeout 옵션과 파일을 강제적으로 갱신하는 refreshFile 메서드를 추가했고 ES modules을 대응했습니다.


Node v11.0.0 (Current) | Node.js

nodejs.org/en/blog/release/v11.0.0/

node.js ReleaseNote

Node.js 11.0.0이 릴리스됐습니다.
V8 7.0으로 갱신했으며 http.request 메서드의 옵션을 기본적으로 WHATWG URL로 파싱하도록 변경했습니다.
또, TextEncoder / TextDecoderutil에서 전역으로 옮기고 process.binding()을 비동기화 했습니다.


jasmine/3.3.0.md at master · jasmine/jasmine

github.com/jasmine/jasmine/blob/master/release_notes/3.3.0.md

JavaScript testing ReleaseNote

Jasmine 3.3 릴리스됐습니다.
expect().withContext(), toBeRejectedWith를 추가했습니다.


Release Notes for Safari Technology Preview 68 | WebKit

webkit.org/blog/8475/release-notes-for-safari-technology-preview-68/

safari ReleaseNote

Safari Technology Preview 68이 릴리스됐습니다.
<input type="color">를 기본적으로 활성화하고 target="_blank" 앵커의 기본 속성을 rel=noopener으로 변경했습니다.
WebRTC에서 VP8을 그리고 WebVTT 인라인 스타일을 지원합니다.


Release v4.0.0 · storybooks/storybook

github.com/storybooks/storybook/releases/tag/v4.0.0

JavaScript testing Tools ReleaseNote

Storybook 4.0.0이 릴리스됐습니다.
Babel 7 / webacpk 4으로 갱신했고 Ember / MarkoJS / Mithril / HTML / Svelte / Riot 지원을 추가했습니다.
또, 모바일 지원 관련 기능을 개선했으며 theme 변수를 구현했습니다.


React v16.6.0: lazy, memo and contextType – React Blog

reactjs.org/blog/2018/10/23/react-v-16-6.html

React ReleaseNote

React 16.6.0이 릴리스됐습니다.
React.memo, React.lazy, static contextType, static getDerivedStateFromError()를 지원합니다.
StrictMode에서 폐지 예정인 API를 사용할 시 warning 메세지를 출력하도록 변경했습니다.


Firefox 63.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/63.0/releasenotes/

firefox ReleaseNote

Firefox 63이 릴리스됐습니다.
Web Components, Media Capabilities API, Async Clipboard API를 지원하며
크로스 브라우저 호환을 위해서 Window.event 프로퍼티를 구현했고 Clear-Site-Data 헤더를 기본적으로 활성화했습니다.


jsdom/Changelog.md at master · jsdom/jsdom

github.com/jsdom/jsdom/blob/master/Changelog.md#1300

JavaScript DOM ReleaseNote

jsdom 13.0.0이 릴리스됐습니다.
canvas 패키지 1.x에 대한 지원을 종료하고 2.x만 지원합니다.
또, XML serialization과 addEventListener에서 passive 옵션을 지원합니다.


gRPC-Web is going GA - Cloud Native Computing Foundation

www.cncf.io/blog/2018/10/24/grpc-web-is-going-ga/

JavaScript library ReleaseNote

Web 브라우저 등에서 gRPC 호출을 위한 클라이언트 라이브러리인 gRPC-Web가 정식으로 릴리스됐습니다.


아티클


gas-webpagetest로 WebPagetest 성을 측정을 자동화, 시각화한다 | Web Scratch(일본어)

efcl.info/2018/10/22/gas-webpagetest/

performance webservice Tools article

WebPagetest를 사용한 성능 측정 자동화, Google DataS tudio를 활용한 데이터 시각화에 대한 글입니다.


The Intl.RelativeTimeFormat API  |  Web  |  Google Developers

developers.google.com/web/updates/2018/10/intl-relativetimeformat

JavaScript i18n article

Intl.RelativeTimeFormat을 이용한 상대적 시간 지역화에 대한 글입니다.


Angular + Firebase으로 채팅 앱을 만들다 - Qiita(일본어)

qiita.com/Yamamoto0525/items/a76ea4b3924eeb82b0f9

Angular firebase article

Angular와 Firebase을 사용해 채팅 앱을 만드는 것을 주제로한 핸즈온 형식의 연재 글입니다.


나의 React 컴포넌트 구현 안티 패턴 - Qiita(일본어)

qiita.com/seya/items/7a0d20da4de5fab14426

React article

React 컴포넌트의 안티패턴에 대한 글입니다.
컴포넌트 분할과 책임, Props의 전달 방법 등에 대해 작성돼 있습니다.


Asking for required annotations – Flow – Medium

medium.com/flow-type/asking-for-required-annotations-64d4f9c1edf8

flowtype article

Flow 0.85.0에서 수정에 들어간 "missing annotation"에 대한 해설 글입니다.
0.85.0부터는 타입 annotation이 존재하지 않은 경우 에러가 발생하게 됩니다.


슬라이드, 영상


RuhrJS 2018 - Tobias Koppers - webpack and the challenge of WebAssembly - YouTube

www.youtube.com/watch?v=k86Z_6_BJy0

webpack WebAssembly slide video

webpack의 WebAssembly 지원에 대한 발표 영상입니다.
WebAssembly API나 WebAssembly 실행 단계 그리고 webpack에서 wasm 파일을 간단하게 이용하기 위해서는 어떻게 wasm를 다뤄야 하는지 Code Splitting 지원 등에 대해 이야기합니다.


React Conf 2018 - YouTube

www.youtube.com/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ

React 이벤트 video

React Conf 2018 행사 영상을 공개했습니다.


실천 AST Flow에서 TypeScript로 변경하기(일본어)

talks.leko.jp/transform-flow-to-typescript-using-ast/#0

flowtype TypeScript slide

Flow에서 TypeScript으로 변환하는 Babel 플러그인에 대한 슬라이드입니다.
Babel 플러그인을 써서 코드를 변환하는 과정을 이야기합니다.


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


suchipi/fs-remote: Drop-in replacement for fs that lets you write to the filesystem from the browser

github.com/suchipi/fs-remote

node.js JavaScript browser library

fs의 브라우저 용 구현체 그리고 fs 서버 라이브러리입니다.
fs를 다루는 서버를 띄우고 브라우저에서 해당 서버에 XHR이나 WebSockets으로 접근할 수 있습니다.


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