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 / TextDecoder를 util에서 전역으로 옮겼고 process.binding()을 비동기화했습니다.

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

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

Theming Storybook

Firefox 63.0이 릴리스됐습니다.

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

Firefox 63 - Tricks and Treats! - Mozilla Hacks - the Web developer blog

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

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

Developer Tools support for Web Components in Firefox 63 – Firefox Nightly News

헤드라인

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 / TextDecoder를 util에서 전역으로 옮기고 process.binding()을 비동기화 했습니다.

October Brings Node.js 10.x to LTS and Node.js 11 to Current!

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이 존재하지 않은 경우 에러가 발생하게 됩니다.

Release v0.85.0 · facebook/flow

슬라이드, 영상

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 지원 등에 대해 이야기합니다.