JSer.info #303 - 지난주 Node.js v6.9.0 (LTS)가 릴리즈됐으며 개발 버전(LTS가 아닌)인 Node v7.0.0도 릴리즈됐습니다.
V8 업데이트, WHATWG URL의 시험적 지원 등이 포함됐습니다.
WHATWG URL에 관해서는 아래 문서 잘 소개돼 있으므로 함께 읽어보면 좋을 것 같습니다.
또, 2016년 10월 31일로 Node.js v0.10의 메인터넌스가 종료되고 EOL이 됩니다.
Node.js v0.12도 2016년 12월 31일로 메인터넌스가 종료되기 때문에 v4 또는 v6의 Active한 LTS 버전으로 이전할 필요가 있습니다.
WebAssembly가 Browser Preview 마일스톤이 됐으며 이에 따라 각 브라우저에서 구현 진척도에 관한 기사를 속속 공개했습니다.
- V8 JavaScript Engine: WebAssembly Browser Preview
- WebAssembly Browser Preview ★ Mozilla Hacks – the Web developer blog
- A peek into the WebAssembly Browser Preview | Microsoft Edge Dev Blog
- WebKit Feature Status | WebKit
- WebKit은 2016년 3월 17일자에서 소개드린 것과 같이 아직 특별한 발표는 없지만 Status는 In Development 상태입니다.
각각의 기사에는 시험적으로 사용할 수 있는 방법이 작성돼 있으며 각 구현이나 사양에 대한 피드백을 보낼 수 있는 Submitting Feedback & Issues도 있으니 관심있는 분은 참고하시길 바랍니다.
The tentative goal of the CG is for the Browser Preview to conclude in Q1 2017, though significant findings during the Browser Preview could potentially extend the duration
-- Roadmap
WebAssembly 커뮤니티의 향후 로드맵은 Roadmap에 작성돼 있습니다.
헤드라인
Node v7.0.0 (Current) | Node.js
nodejs.org/en/blog/release/v7.0.0/
Node v7.0.0이 릴리즈됐습니다.
V8 업데이트, WHATWG URL Parser를 시험적으로 지원하는 등 다양한 변경 사항이 있습니다.
6.18.0 Released · Babel
babeljs.io/blog/2016/10/24/6.18.0
Babel v6.18.0이 릴리즈됐습니다.
import()의 initial 지원, helper-builder-react-jsx에 useBuiltIns 옵션이 추가됐습니다.
Release Notes for Safari Technology Preview 16 | WebKit
webkit.org/blog/7030/release-notes-for-safari-technology-preview-16/
Safari Technology Preview Release 16이 릴리즈됐습니다.
URL의 파서가 웹 표준에 근거하도록 변경됐고, Gamepad API와 Intl.getCanonicalLocales을 지원합니다. 또, ES2016의 non-simple parameters에 의한 early error에 대응하는 등 다양한 변경 사항이 있습니다.
ESLint v3.9.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2016/10/eslint-v3.9.0-released
ESLint v3.9.0이 릴리즈됐습니다.
codeframe이라는 새로운 formatter가 추가됐고 커스텀 파서가 규칙을 위한 정보를 제공하는 객체(context.parserServices)를 정의할 수 있게 됐습니다.
아티클
Redux without React — State Management in Vanilla JavaScript
www.sitepoint.com/redux-without-react-state-management-vanilla-javascript/
React를 사용하지 않고 Redux를 다루는 것에 대해 소개합니다.
Visual Debugging with ES6 and Node.js – Good Eggs Product – Medium
medium.com/good-eggs-product/visual-debugging-with-es6-and-node-js-44631b3b040f
Node.js와 Babel을 조합한 환경에서 GUI로 디버깅하는 방법에 관해 작성돼 있습니다.
V8 JavaScript Engine: WebAssembly Browser Preview
v8project.blogspot.com/2016/10/webassembly-browser-preview.html
Chrome이 플러그를 붙여 WebAssernbly를 시험적으로 지원합니다. 여러 피드백을 기다리고 있으니 참고하길 바랍니다.
Different ways to debug JavaScript code – Medium
medium.com/@sandeep.scet/different-ways-to-debug-javascript-code-579e7f58cf10
JavaScript의 여러가지 디버깅 방법에 관해 이야기합니다.
alert, console, breakpoint, debugger;, debug, monitor 등의 API와 그것을 사용하는 방법이 작성돼 있습니다.
Node v7에 들어간 WHATWG URL 구현에 대해 | blog.jxck.io(일본어)
blog.jxck.io/entries/2016-10-27/whatwg-url.html
Node.js v7에 실험적으로 구현된 WHATWG URL에 관해 이야기합니다.
ZEIT – Next.js
React를 사용한 서버 사이드 렌더링 지원 용 프레임워크를 소개합니다.
CSS in JS, Head, 라우팅이나 개발자 도구 등이 세트로 구성돼 있습니다.
슬라이드, 영상
Webpack & React Performance in 16+ Steps
www.slideshare.net/grgur/webpack-react-performance-in-16-steps
webpack과 React에서 빌드 성능이나 파일 사이즈 측면에서 조심해야할 점에 대해 설명하는 슬라이드입니다.
사이트, 서비스, 문서
timarney/react-faq: A collection of links to help answer your questions about React.js
React에 관한 FAQ를 정리한 페이지입니다.
Performance | Web | Google Developers
developers.google.com/web/fundamentals/performance/
웹 사이트의 성능 개선에 관한 내용이 정리돼 있는 문서입니다.
크리티컬 렌더링 패스의 개선, 네트워크, 애니메이션 등 여러가지 성능 개선에 대한 글이 정리돼 있습니다.
퍼포먼스 - 개발도구 | MDN(일본어)
developer.mozilla.org/ja/docs/Tools/Performance
Firefox 개발자 도구의 레퍼런스 페이지입니다.
기본적인 사용 방법이나 도구를 살펴보는 방법에 관해 작성돼 있습니다.
다양한 CSS 애니메이션, UI 스레드를 블록킹하는 JS의 문제를 개선 방법을 시나리오를 바탕으로 잘 설명하고 있습니다.
소프트웨어, 도구, 라이브러리
pelotoncycle/resize-observer
github.com/pelotoncycle/resize-observer
Resize Observer의 polyfill 라이브러리입니다.
Raynos/jsig: From scratch type-checker
JSDoc와 비슷하게 애너테이션 코멘트를 작성하고 이를 통해 형을 추론하고 정적 체크할 수 있는 도구입니다.
FlowType과는 다르게 ES5에 초점을 두고 있고 모호함을 최대한 피하는 방식으로 개발되고 있습니다.
taichi/ci-yarn-upgrade: Keep NPM dependencies up-to-date with CI, providing version-to-version diff for each library
github.com/taichi/ci-yarn-upgrade
yarn을 사용해 package.json의 의존 모듈을 갱신하는 PR을 보낼 수 있는 도구입니다.
또, 갱신하는 모듈을 테이블 형식으로 살펴볼 수도 있습니다.
azu/ui-event-observer: Provide performant way to subscribe to browser UI Events.
github.com/azu/ui-event-observer
같은 요소에 대한 이벤트를 구독하는 복수의 addEventListener를 1개로 정리해 다룰 수 있는 라이브러리입니다.
도서
Modular JavaScript Book Series
클라우드 펀딩으로 시작된 JavaScript의 서적 시리즈입니다.
함수형 프로그래밍의 기초 JavaScript로 배우다 : 타츠카와 아키미치, 나가세 요시히데 : 本 : Amazon.co.jp(일본어)
2016년 10월 29일에 출간된 JavaScript에서의 함수형 프로그래밍에 대해 다루는 서적입니다.
- 릭텔레콤 서적 정보(일본어)
