JSer.info #302 - npm 4.0.0이 프리 릴리즈(PreRelease) 됐습니다.
npm install -g npm@4
위와 같은 커멘트로 설치할 수 있습니다.
npm search의 속도 개선이 이뤄졌으며 publish 라이프 사이클이 depreated 되는 대신 prepare나 prepublishOnly를 이용하도록 변경 됐습니다.
또, npm tag가 npm dist-tag로 변경됐고, npm outdated가 exit status를 올바르게 반환하도록 수정 되는 등 다양한 변경 사항이 있습니다.
Node.js v6.9.0 (LTS)이 릴리즈됐습니다
6.x의 LTS 버전으로, 자세한 지원 계획은 아래 링크에 잘 설명돼 있습니다
Node.js v0.10/v0.12는 2016년 12월으로 지원이 종료되고, Node.js v4.x은 2017년 4월부터 메인터넌스 모드로 변경됩니다.
또, 다음 개발 버전인 Node.js v7.x는 10월 25일에 릴리즈될 예정입니다.
Migrating to Webpack 2라는 글에서는 webpack@2(베타 버전)로 마이그레이션 하는 방법에 관해 작성돼 있습니다.
webpack의 공식 사이트에도 업데이트된 새로운 마이그레이션 가이드가 공개돼 있으니 함께 참고하시길 바랍니다
webpack@2부터는 설정 파일을 벨리데이션하는 단계가 도입됐기 때문에 잘못된 설정을 하면 에러가 발생합니다.
마이그레이션 시 에러가 발생한 경우 위 가이드를 참고해 수정할 수 있습니다.
세세하게 기술이 많이 변경됐으며, OccurrenceOrderPlugin가 기본이 되고, 커멘드라인 인수을 전달하는 방법이 추가되는 등 다양한 변경 사항이 있습니다.
또, ES modules을 그대로 사용할 수 있도록 변경 됐기 때문에 Babel을 통해 ES modules 변환하지 않도록 설정하는 방법에 대해서도 소개하고 있습니다.
{
"presets": [
["es2015", { "modules": false }]
]
}
헤드라인
Release v4.0.0 · npm/npm
github.com/npm/npm/releases/tag/v4.0.0
npm v4 프리 릴리즈됐습니다.
npm i -g npm@4으로 설치할 수 있으며 npm search 속도 개선, publish 라이프 사이클이 depreated 되는 대신 prepare나 prepublishOnly을 사용할 수 있도록 변경됐습니다. 또, npm tag가 삭제되는 등 다양한 변경 사항이 있습니다.
Release JSHint 2.9.4 · jshint/jshint
github.com/jshint/jshint/releases/tag/2.9.4
JSHint 2.9.4가 릴리즈됐습니다.
TDZ를 대응하고 에러를 중복해서 리포트하지 않도록 수정됐습니다.
Ember.js - Ember.js 2.8-LTS, 2.9 and 2.10 Beta Released
emberjs.com/blog/2016/10/17/ember-2-9-released.html
Ember.js 2.8-LTS, 2.9, 2.10β가 릴리즈됐습니다.
2.8-LTS는 2018년 2월까지 보안 패치가 릴리즈됩니다.
flux/CHANGELOG.md at 3.1.0 · facebook/flux
github.com/facebook/flux/blob/3.1.0/CHANGELOG.md
Facebook/flux 3.0.0이 릴리즈됐습니다.
FluxMapStore가 삭제됐습니다.
Chromium Blog: Chrome 55 Beta: Input handling improvements and async/await functions
blog.chromium.org/2016/10/chrome-55-beta-input-handling.html
Chrome 55 Beta가 릴리즈됐습니다.
Pointer Events, async/await, CSS hyphens, Persistent Storage 등을 지원합니다.
document.write로 주입한 cross origin 그리고 parser-blocking 스크립트를 2G 회선에서 로드되지 않도록 변경 되는 등 다양한 변경 사항이 있습니다.
Node v6.9.0 (LTS) | Node.js
nodejs.org/en/blog/release/v6.9.0/
Node.js v6.9.0(LTS)이 릴리즈됐습니다.
Node.js v4.x(LTS)에서의 마이그레이션 가이드도 작성돼 있습니다.
v6.x는 2018년 4월까지 액티브한 LTS가 됩니다.
아티클
Node.js v6 Transitions to LTS – Medium
medium.com/@nodejs/node-js-v6-transitions-to-lts-be7f18c17159
Node.js v6 이후의 LTS 계획에 관해 작성돼 있습니다.
Node.js v0.10/v0.12는 2016년 12월 까지가 End of Line입니다.
auxclick is Coming to Chrome 55 | Web | Google Developers
developers.google.com/web/updates/2016/10/auxclick
왼쪽 클릭 이외에 반응하는 click 이벤트인 auxclick 이벤트에 관해 소개돼 있습니다.
Once Upon an Event Listener | Web | Google Developers
developers.google.com/web/updates/2016/10/addeventlistener-once
HTMLElement#addEventListener의 {once}옵션에 관해 설명 돼 있습니다.
일회용 이벤트 핸들링을 지정할 때 사용하는 옵션입니다.
Migrating to Webpack 2
javascriptplayground.com/blog/2016/10/moving-to-webpack-2/
webpack@1에서 @2로 마이그레이션 하는 방법에 관해 작성돼 있습니다.
Async functions - making promises friendly | Web | Google Developers
developers.google.com/web/fundamentals/getting-started/primers/async-functions
async/await에 관해 작성돼 있습니다.
sequential과 parallel한 작성법의 차이점을 샘플 코드와 함께 설명합니다.
Tips for using async functions (ES2017)
www.2ality.com/2016/10/async-function-tips.html
async/await의 주의점에 관해 세세하게 설명합니다.
async의 동작 방식, await를 깜빡한 경우의 동작, await Promise.all(), 콜백과 async, unhandled rejection에 관해 작성돼 있습니다.
TestCafe로 브라우저 자동 테스트(E2E테스트) | Web Scratch(일본어)
efcl.info/2016/10/23/testcafe/
브라우저 자동 테스트 프레임워크인 TestCafe를 사용하는 방법을 설명합니다.
특별한 설정 없이 동작하는 구조, 원격 테스트, 테스트 코드 등에 관해 작성돼 있습니다.
Syntax: language agnostic parser generator – Medium
medium.com/@DmitrySoshnikov/syntax-language-agnostic-parser-generator-bd24468d7cfc
언어를 따지지 않는 agnostic한 파서이며 제너레이터 툴 킷을 소개합니다.
Pragmatic, Practical, and Progressive Theming with Custom Properties – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
csswizardry.com/2016/10/pragmatic-practical-progressive-theming-with-custom-properties/
CSS Custom Property를 사용한 테밍 구현을 소개합니다.
슬라이드, 영상
Polymer Summit 2016 - YouTube
www.youtube.com/playlist?list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ
Polymer Summit 2016의 발표 영상이 공개됐습니다.
사이트, 서비스, 문서
A JavaScript library for building user interfaces - React
React 웹사이트(공식 문서)가 업데이트 됐습니다.
Codepen에서 샘플 코드를 실행해볼 수 있도록 기능이 추가됐습니다.
jsPerf: JavaScript performance playground
JavaScript 스니펫 코드의 성능을 측정 및 공유할 수 있는 서비스 jsPerf가 새롭게 리뉴얼 돼 공개됐습니다.
소프트웨어, 도구, 라이브러리
beautify-web/js-beautify · GitHub
github.com/beautify-web/js-beautify
JavaScript를 Beautify 할 수 있는 도구와 사이트, .jsbeautifyrc로 설정하고 관리할 수 있습니다.
jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
draw.io에서 사용하고 있는 SVG로 제도할 수 있는 라이브러리입니다.
Automated browser testing for the modern web development stack | TestCafe
devexpress.github.io/testcafe/
특별한 설정 없이 사용할 수 있는 자동 테스트 프레임워크입니다.
Selenium을 사용하고 있지 않기 때문에 단독으로 동작합니다.
Babel을 내장하고 있어 async/await 등의 구문을 사용할 수 있고 자동적으로 일정 시간을 대기하는 등의 구조를 가지고 있습니다.
- TestCafe로 브라우저의 자동 테스트(E2E테스트) | Web Scratch
- Why not use Selenium? - Questions - TestCafe Discussion Board
Hyperform - Capture form validation back from the browser
HTML5 form validation API를 polyfill 및 대체 구현을 통해 제공하는 폼 검증 라이브러리입니다.
도서
JavaScript 프레임워크 입문 : 쇼유다츠야노 : 책 : Amazon.co.jp
TypeScript, npm과 Bower, webpack, jQuery, Vue.js, Backbone.js, Angular, React, Aurelia 등 JavaScript의 여러가지 도구와 프레임워크에 관해 소개 및 설명하는 책입니다.
