Fork me on GitHub

2016-02-02 JS: Firefox 44.0, ES2016의 추가 기능, webpack2β

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #264 - Firefox 44.0가 릴리즈됐습니다.

letconst 구현에 Spidermonkey의 독자적인 동작 방식이 포함돼 있었지만, 이번에 ES6에 근거하여 변경됐습니다.

HTTP 통신에서 Brotli 압축 알고리즘을 지원합니다.

Chrome 49에서도 동일한 기능이 구현돼 있습니다(HTTPS만 지원)


ECMAScript 2016(ES2016)에 추가되는 기능이 확정됐습니다.

ES2016부터는 Proposal(≒기능)마다 사양을 검토하고, 최종적으로 합의를 얻은 Proposal만 ECMAScript 사양에 통합됩니다.
아래 2개의 Proposal이 새로운 책정 프로세스에 따라 ES2016 사양에 추가됐습니다.

Proposal에서 사양으로 변경된 것이 2개 라는 의미입니다. 따라서 ES2016에는 새 사양 추가 외에도 다양한 변경 사항이 있습니다.

자세한 내용은 별도로 포스트했으니 참고해주세요.


What's new in webpack 2에는 webpack 2에 새롭게 추가되는 기능이나 변경 사항에 관해 작성돼 있습니다.

Rollup과 마찬가지로 ES6 Modules를 해석하여, 사용하지 않는 코드를 삭제하는 기능이 추가됐습니다.

또, System.import를 모듈의 분할 포인트로써 다루는 것이 가능하게 됩니다.

이 외의 기타 변경 사항은 아래 issue를 참고하세요.


헤드라인


V8 JavaScript Engine: V8 Release 4.9

v8project.blogspot.com/2016/01/v8-release-49.html

V8 ReleaseNote

V8 4.9가 릴리즈됐습니다.
Destructuring, Proxy, Reflect, Default parameters 등이 ES6의 사양을 따르도록 변경됐습니다.
Math.random()의 알고리즘이 개선되는 등 다양한 변경 사항이 있습니다.


jQuery UI 1.12.0 Beta 1 | jQuery UI Blog

blog.jqueryui.com/2016/01/jquery-ui-1-12-0-beta-1/

jQuery UI library ReleaseNote

jQuery UI 1.12.0 Beta 1이 릴리즈됐습니다.
controlgroup과 checkboxradio의 추가, npm 지원, IE7 지원이 종료되는 등 다양한 변경 사항이 있습니다.


jsdom/Changelog.md at master · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/master/Changelog.md

JavaScript DOM ReleaseNote

jsdom 8.0.0이 릴리즈됐습니다.
IDL에서 코드를 생성하는 것으로 사양과의 호환성을 향상하고, Element#insertAdjacentHTMLNode#adoptNode를 구현하는 등 다양한 변경 사항이 있습니다.


Firefox 44.0 릴리즈 노트(일본어)

www.mozilla.jp/firefox/44.0/releasenotes/

firefox ReleaseNote

Firefox 44.0이 릴리즈됐습니다.
Symbol.toPrimitive의 구현, let과 const가 ES6의 사양을 따르도록 수정, OffscreenCanvas API 플래그로 사용할 수 있도록(실험적) 추가, WebRTC에서 접두사를 삭제하는 등 다양한 변경 사항이 있습니다.


Announcing TypeScript 1.8 Beta - TypeScript - Site Home - MSDN Blogs

blogs.msdn.com/b/typescript/archive/2016/01/28/announcing-typescript-1-8-beta.aspx

TypeScript ReleaseNote

TypeScript 1.8β가 릴리즈됐습니다.
tsc에 JavaScript 파일을 다룰 수 있는 --allowJs가 추가됐습니다.
ES6 to ES5를 TypeScript Compiler에서 변환하며, d.ts가 없이 라이브러리 등을 tsc가 직접 다루게 됩니다.
Unreachable code 검출, String literal types 추가, JSX를 대응한 개선 등 다양한 변경 사항이 있습니다.


PhantomJS 2.1 Release Notes | PhantomJS

phantomjs.org/release-2.1.html

JavaScript browser software ReleaseNote

PhantomJS 2.1이 릴리즈됐습니다.
SSL Client Authentication, context menu 이벤트를 지원합니다.


Release v3.1.0 · rackt/redux

github.com/rackt/redux/releases/tag/v3.1.0

redux ReleaseNote

Redux 3.1.0이 릴리즈됐습니다.
createStore()applyMiddleware()를 옵셔널하게 전달 받을 수 있도록 변경 됐습니다.


Deprecate TSD · Issue #269 · DefinitelyTyped/tsd

github.com/DefinitelyTyped/tsd/issues/269

TypeScript issue

TypeScript의 형 정의 파일을 관리하는 도구인 tsd 사용이 비권장 됐으며, 대신 typings를 사용하도록 권장합니다.


아티클


ECMAScript 2016 features & changes - JSer.info

jser.info/ko/2016/02/01/es2016/

ECMAScript proposal

이번에 확정된 ES2016에 추가되는 기능에 관해 정리돼 있습니다.
또 새로운 기능 이외의 변경 사항이나 어디를 살펴보면 사양의 변경을 알 수 있는지에 관해서도 작성돼 있습니다.


What's new in webpack 2

gist.github.com/sokra/27b24881210b56bbaff7

webpack

webpack 2의 변경 사항을 소개합니다.
ES6 modules를 기반으로한 최적화, System.import를 사용한 동적 로드 용 모듈 분리에 대응하는 등 다양한 변경 사항이 있습니다.


Front-end Application Libraries and Component Architectures - Telerik Developer Network

developer.telerik.com/featured/front-end-application-frameworks-component-architectures/

JavaScript library 정리

컴포넌트를 다루는 라이브러리의 구조나 구성, 라우터, 지원 브라우저 등을 비교한 결과가 정리돼 있습니다.
Polymer, React, Riot.js, Vue.js, Aurelia, Angular2에 관해 비교 작성돼 있습니다.


Spencer Dixon - Test Driven React Tutorial

spencerdixon.com/blog/test-driven-react-tutorial.html

React testing

React의 테스트에 관한 튜토리얼입니다.


Adding ESLint to Your Project is Now Easier than Ever

devnull.guru/adding-eslint-to-your-project-is-easier-than-ever/

JavaScript Bluetooth

ESLint 2.x에서 도입되는 --init에 의한 Automatic Configuration을 소개합니다.


사이트, 서비스, 문서


CreateJS 입문 - ICS MEDIA(일본어)

ics.media/tutorial-createjs/index.html

JavaScript canvas tutorial

CreateJS 입문을 위한 사이트입니다.


Styleguide: Accessibility · edx/ux-pattern-library Wiki

github.com/edx/ux-pattern-library/wiki/Styleguide:-Accessibility

접근성 정리 WAI-ARIA

접근성에 관한 스타일 가이드입니다.


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


naomiaro/waveform-playlist: Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Project inspired by Audacity.

github.com/naomiaro/waveform-playlist

web audio editor

Audacity에 영감을 받아 개발된 Web Audio를 사용한 음성 에디터 입니다.


sinsoku/clairvoyance

github.com/sinsoku/clairvoyance

CSS testing Tools

CSS의 커버리지 측정 도구입니다. CSS 파일에 작성된 스타일이 HTML 안에서 어느정도 사용되고 있는지 측정 가능합니다.


juliankrispel/decaf: Coffeescript to ES.next transpiler

github.com/juliankrispel/decaf

CoffeeScript JavaScript Tools

CoffeeScript의 코드를 JavaScript로 변환하는 도구입니다.


dfilatov/vidom: Library to build UI based on virtual DOM

github.com/dfilatov/vidom

JavaScript React library

React에서 영감을 받아 Virtual DOM을 구현한 UI라이브러리 입니다.
React 처럼 작고, 빠른 것을 목적으로 하고 있습니다.


developit/preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.

github.com/developit/preact

JavaScript React library ReleaseNote

React의 코어의 재구현을 목적으로 한 라이브러리로, Context나 PropTypes등이 삭제돼 있습니다.
preact-compat라는 React 호환 레이어를 별도의 모듈로 갖고 있습니다.


zeithq/micro: Micro — Async HTTP microservices

github.com/zeithq/micro

HTTP node.js

경량 HTTP 서버 라이브러리입니다.
단순히 리퀘스트를 전달받아 리스폰즈 하는 서버 구현체입니다.
async/await를 기본으로 사용할 수 있도록 돼 있습니다.


sindresorhus/got: Simplified HTTP/HTTPS requests

github.com/sindresorhus/got

node.js HTTP library Promises

Node.js 용의 HTTP 클라이언트 라이브러리입니다. request와 같은 관점의 라이브러리입니다.


Viewer.js

fengyuanchen.github.io/viewerjs/

JavaScript 사진 library

여러 가능이 있는 사진 뷰어 라이브러리입니다.


stylelint/stylelint

github.com/stylelint/stylelint

CSS Tools

규칙을 플러그인으로 확장할 수 있는 CSS의 스타일 검증 도구입니다.


Pull Request to this article
JSer.info Slackに参加する