JSer.info #276 - Babel의 runtime에서 사용하고 있는 core-js 2.3.0이 릴리즈됐습니다.
대부분 Proposal의 Stage 이동이 주된 내용으로, 3월에 있었던 TC39의 미팅 내용을 반영한 것 입니다.
DOM Listener: capture, passive, and once에는 최근 WHATWG HTML에 추가된 node.addEventListener(type, handler, {capture: true}의 세번째 인수 인 EventListenerOptions가 설명돼 있습니다.
구체적인 사양이나 구현 상황에 관해서는 아래를 문서를 참고하시길 바랍니다.
- addEventListener/removeEventListener EventListenerOptions API - Chrome Platform Status
- WICG/EventListenerOptions: An extension to the DOM event pattern to allow authors to disable support for preventDefault
또, 아직 의논 중인 사양이지만 Chrome에서 일부 구현돼 있어 사용해 볼 수 있습니다.
위 addEventListener와 같이 DOM과 관련한 API는 대개 WHATWG 측에 추가돼 있습니다.
- WHATWG와 W3C에 있는 여러 사양 - Unreviewed(일본어)
- 지금까지도 HTML의 사양에 관해서는 여러가지 잡음이 있다.
그리하여 WHATWG에 있는 Living Standard 사양을 GitHub에서 일본어로 번역하고 있습니다.
- 웹과 관련된 사양 일본어 번역(일본어)
또, WHATWG의 사양 원글에는 일본어 번역에 관한 링크가 일부 추가될 것으로 보입니다.
위에서 소개한 번역 말고도 @momdo_가 진행하고 있는 HTML Standard 일본어 버전이라는 Living Standard 사양의 또다른 번역 문서도 있습니다.
WHATWG Living Standard라는 이름 처럼 항상 갱신되고 있기 때문에, 최신 정보를 원한다면 원글을 봐야하지만 정리하여 한번에 읽고 싶은 경우에는 번역글을 보면 좋을 것 같습니다.
헤드라인
New Release: 2.9.2
jshint.com/blog/2016-04-19/release-2-9-2/
JSHint 2.9.2가 릴리즈됐습니다.
Release v3.5.0 · reactjs/redux
github.com/reactjs/redux/releases/tag/v3.5.0
Redux 3.5.0이 릴리즈됐습니다.
ES.next의 Stage 1 Proposal인 es obvervable을 대응했습니다.
Symbol.observable 구현체를 추가했습니다.
Release 2.3.0 - 2016.04.24 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v2.3.0
core-js 2.3.0이 릴리즈됐습니다.
global.asap, Symbol.asyncIterator, Symbol.observable을 추가하고
Map#toJSON, Set#toJSON, Error.isError를 삭제하는 등 TC39의 미팅 내용이 중심적으로 반영됐습니다.
V8 JavaScript Engine: V8 Release 5.1
v8project.blogspot.com/2016/04/v8-release-51.html
V8 5.1이 릴리즈됐습니다.
Symbol.species, Symbol.hasInstance, Function name에 관한 사양이 반영됐고, 성능 및 메모리 사용량이 개선됐습니다.
Release Version 2.0.0 · chartjs/Chart.js
github.com/chartjs/Chart.js/releases/tag/v2.0.0
Canvas를 사용한 그래프 라이브러리인 Chart.js 2.0.0이 릴리즈됐습니다.
아티클
DOM Listener: capture, passive, and once
www.webreflection.co.uk/blog/2016/04/17/new-dom4-standards
node.addEventListener(type, handler, EventListenerOptions)의 세번째 인수인 EventListenerOptions에 관해 작성돼 있습니다.
passive와 capture에 관해 설명합니다.
How do I update to Gulp 4? - Liquid Light
www.liquidlight.co.uk/blog/article/how-do-i-update-to-gulp-4/
아직 릴리즈 되진 않았지만, 해당 글에는 gulp 4로 업데이트하는 방법에 관해 작성돼 있습니다.
Stylelint | CSS-Tricks
CSS의 Lint 도구인 Stylelint를 소개합니다.
에디터와의 연동, PostCSS, stylefmt 등을 설명합니다.
emilbjorklund/svg-weirdness: A repository of bugs and plain weird behavior in SVG
github.com/emilbjorklund/svg-weirdness
SVG의 버그를 이슈로 등록하여 모아놓는 저장소입니다.
중급자를 위한 Service Worker Tutorial | blog.jxck.io(일본어)
blog.jxck.io/entries/2016-04-24/service-worker-tutorial.html
ServiceWorker를 사용해 개발할 때 발생하는 문제나 동작 방식에 관해 설명하는 스크린캐스트입니다.
슬라이드, 영상
EmberConf 2016 - YouTube
www.youtube.com/playlist?list=PL4eq2DPpyBblc8aQAd516-jGMdAhEeUiW
EmberConf 2016의 영상이 공개됐습니다.
Dev.Opera — Front-End Performance: The Dark Side
dev.opera.com/blog/timing-attacks/
프론트엔드의 성능에 관해 설명하는 영상입니다.
사이트, 서비스, 문서
Flexbox Patterns
Flexbox 패턴 모음집입니다.
웹과 관련된 사양 일본어 버전(일본어)
WHATWG나 W3C 등 사양 문서를 일본어로 번역해 공개하는 사이트입니다.
처음 시작하는 프로그레시브 웹 애플리케이션(일본어)
codelabs.developers.google.com/codelabs/your-first-pwapp-ja/
프로그레시브 웹 애플리케이션을 배울 수 있는 튜토리얼 사이트입니다.
소프트웨어, 도구, 라이브러리
evcohen/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.
github.com/evcohen/eslint-plugin-jsx-a11y
JSX 요소에서 접근성을 체크할 수 있는 ESLint의 규칙 플러그인입니다.
VictorBjelkholm/autochecker: Test your JavaScript modules simultaneously in 32 different versions of NodeJS
github.com/VictorBjelkholm/autochecker
여러 Node.js 버전에서 테스트(matrix test)할 수 있는 도구입니다.
staltz/xstream: An extremely intuitive, small, and fast functional reactive stream library for JavaScript
Hot only, RxJS 스러운 Stream 라이브러리입니다.
jonathanewerner/webpack-validator: Validates your webpack config with Joi
github.com/jonathanewerner/webpack-validator
webpack 설정 파일의 유효성을 검증하는 도구입니다.
webpack/memory-fs: A simple in-memory filesystem. Holds data in a javascript object.
memory 위에서 읽고 쓸 수 있는 fs 모듈입니다.
