Fork me on GitHub

2016-04-11 JS: Grunt 1.0.0, React 15.0, 도구를 이용해 학습할 수 있는JavaScript

Translator: U-Yeong Ju Edit on GitHub See Revisions

JSer.info #274 - Grunt 1.0.0이 정식으로 릴리즈됐습니다.

grunt.util._로 참조할 수 있는 lodash의 버전이 4.3.0으로 업데이트되는 등, 1.0.0 RC1에는 의존하고 있는 패키지의 업데이트가 시행됐습니다.
grunt.util._ 프로퍼티는 비권장이기 때문에 아래와 같이 직접 lodash를 설치하여 사용할 것을 권장하고 있습니다.

var _ = require('lodash');

React v15.0이 릴리즈됐습니다.

하지만 15.0에는 몇 가지 문제가 있어 바로 React v15.0.1을 릴리즈했습니다. 기본적으로 콘솔창에 0.14.x의 비권장 경고 메시지가 출력되지 않는 상태라면 바로 업데이트 가능한 것 같습니다.

0.14.x에서의 변경 사항은 아래의 잘 정리돼 있습니다.

또, React의 코어팀의 미팅 노트가 공개돼 있습니다. 해당 노트에는 향후 방침이나 로드맵 등이 작성돼 있으므로 참고하면 좋을 것 같습니다.


Tools to Learn JavaScript By Doing -Telerik Developer Network에는 도구를 이용해 학습할 수 있는 JavaScript에 관해 작성돼 있습니다.

NodeSchool이나 js-assessment, Advent of Code 등 문제를 풀면서 학습할 수 있는 사이트나 도구를 소개합니다.

몇해 전에 테스트로 학습할 수 있는 JavaScript에 관해(일본어)라는 글을 작성한 적 있습니다. 실제로 문제를 풀어보면서 학습하면 여러가지 새로운 사실도 알 수 있어 재미있는 학습법인 것 같습니다.

이 글에서 소개하는 NodeSchoolworkshopper을 보면 JavaScript 문법 외에도 여러가지 라이브러리나 도구도 학습할 수도 있으니 한번 살펴보길 바랍니다.


헤드라인


Grunt 1.0.0 released - Grunt: The JavaScript Task Runner

gruntjs.com/blog/2016-04-04-grunt-1.0.0-released

Grunt ReleaseNote

Grunt 1.0.0이 릴리즈됐습니다.
Grunt 플러그인의 peerDependencies 속성에 "grunt": ">=0.4.0"을 추가하길 권장합니다.


Release v1.0.0 - Rosebud · SBoudrias/Inquirer.js

github.com/SBoudrias/Inquirer.js/releases/tag/v1.0.0

node.js console library

터미널에서 선택 사항 등을 인터렉티브하게 제공할 수 있는 도구 Inquirer.js 1.0.0이 릴리즈됐습니다.
Promise 기반의 API로 변경됐습니다.


normalize.css/CHANGELOG.md at 4.0.0 · necolas/normalize.css

github.com/necolas/normalize.css/blob/4.0.0/CHANGELOG.md

CSS ReleaseNote library

normalize.css 4.0.0이 릴리즈됐습니다.


AWS Lambda Supports Node.js 4.3

aws.amazon.com/about-aws/whats-new/2016/04/aws-lambda-supports-node-js-4-3/

aws node.js ReleaseNote

AWS Lambda에서 Node.js 4.3을 지원합니다.


jsdom/Changelog.md at 8.3.0 · tmpvar/jsdom

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

DOM JavaScript ReleaseNote

jsdom 8.3.0이 릴리즈됐습니다.
Node Canvas을 사용하여 외부 리소스 img를 처리할 수 있도록 추가됐습니다(optional).
img.naturalWidth 등에서 실제 데이터에 근거한 값을 가져올 수 있습니다.

또, Page Visibility API의 기본적인 부분을 구현하는 등 다양한 변경 사항이 있습니다.


React v15.0 | React

facebook.github.io/react/blog/2016/04/07/react-v15.html

React ReleaseNote

React v15.0이 릴리즈됐습니다.
IE8의 지원을 종료했고, semver에 근거하여 업데이트하도록 정책을 변경했습니다.
0.14에서 비권장 경고 메시지가 출력되지 않는 상태라면 바로 업데이트해도 무방합니다.


아티클


Tools to Learn JavaScript By Doing -Telerik Developer Network

developer.telerik.com/featured/tools-learn-javascript/

JavaScript Tools tutorial

js-assessment, NodeSchool, Advent of Code 등 익터렉티브하게 JavaScript를 학습할 수 있는 도구를 소개합니다.


Introducing the Microsoft Edge Platform Issue Tracker | Microsoft Edge Dev Blog

blogs.windows.com/msedgedev/2016/04/06/edgehtml-issue-tracker/

MS issue

MS Edge의 Issue Tracker가 업데이트 됐습니다.


WebdriverIO로 시작하는 E2E 테스트와 PageObject - Qiita(일본어)

qiita.com/derui@github/items/9ee72c7533c9a57aa8d2

JavaScript testing E2E

WebdriverIO로 시작하는 E2E 테스트를 PageObject 패턴으로 구현하는 과정을 소개합니다.


React 컴포넌트를 npm 패키지로 개발 - Hatena Developer Blog(일본어)

developer.hatenastaff.com/entry/2016/04/09/180000

React npm library JavaScript

React 컴포넌트를 npm 라이브러리로 개발하는 방법과 장점 및 단점에 관해 작성돼 있습니다.


Streaming template literals - JakeArchibald.com

jakearchibald.com/2016/streaming-template-literals/

ECMAScript JavaScript

Template Literal과 WHATWG Stream을 함께 사용하는 방법에 관해 작성돼 있습니다.


Angular 2 — Unit Testing recipes — Google Developer Experts — Medium

medium.com/google-developer-experts/angular-2-unit-testing-with-jasmine-defe20421584

AngularJS testing

AnguarJS2의 테스트 패턴을 소개합니다.


슬라이드, 영상


Introduction to flux-util // Speaker Deck

speakerdeck.com/joere/introduction-to-flux-util

Flux library

Facebook의 flux util을 소개하는 슬라이드입니다.
flux util의 기능이나 담당하는 역할에 관해 이야기합니다.


사이트, 서비스, 문서


React.run - Beta

www.react.run/

React webservice

React Component의 코드를 실행 및 공유할 수 있는 JSFiddle과 같은 느낌의 서비스입니다.


Microsoft Edge Developer Resources

dev.windows.com/en-us/microsoft-edge/platform/data/

MSEdge webservice 統計

CSS 속성의 사용률이나 각 브라우저의 API 지원 현황 등을 알 수 있는 MSEdge의 서비스입니다.


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


jdonaghue/es-search: Search ECMAScript structurally

github.com/jdonaghue/es-search

AST 검색 JavaScript

AST 기반으로 JavaScript의 코드에서 질의에 일치하는 부분(구조)을 검색할 수 있는 도구입니다.


redfin/react-server: React server monorepo

github.com/redfin/react-server

React 서버

React를 기반으로 구현한 express middleware 등의 서버 관련 구현체입니다.


mohayonao/web-audio-engine: Pure JS implementation of the Web Audio API

github.com/mohayonao/web-audio-engine

web audio library

순수 JavaScript 구현한 Web Audio API입니다.
PCM audio를 Node Stream에 출력할 수 있습니다.


kenwheeler/cash: An absurdly small jQuery alternative for modern browsers

github.com/kenwheeler/cash

jQuery library

jQuery 대체할 수 있는 라이브러리입니다.
jQuery의 DOM 위주의 메서드를 모아놓은 느낌입니다.


brigand/babel-plugin-flow-react-proptypes: A babel plugin to generate React PropTypes definitions from Flow type declarations.

github.com/brigand/babel-plugin-flow-react-proptypes

flowtype babel plugin React

FlowType으로 React의 propTypes을 작성하면 JavaScript의 propTypes으로 변환해주는 Babel 플러그인입니다.


c58/marsdb: MarsDB is a Promise based lightweight database with MongoDB query syntax, written on ES6

github.com/c58/marsdb

JavaScript Promises library

minimongo 같은 클라이언트 사이브 용의 데이터베이스 라이브러리입니다.
Adpter로 백엔드에 데이터를 보존하는 방법을 변경할 수 있고 Browser 뿐만아니라 Electron, Node.js 등에서도 사용할 수 있습니다.


PlasmaPower/assert-request: Assert responses to HTTP requests in Node.JS

github.com/PlasmaPower/assert-request

node.js testing

Node.js에서 특정 request에 해당하는 response를 assert 할 수 있는 라이브러리입니다.


도서


Amazon.com: Isomorphic Application Development with JavaScrip eBook: Konstantin Tarkus: Kindle Store

www.amazon.com/Isomorphic-Application-Development-JavaScrip-Konstantin-ebook/dp/B01DWFRFVG

JavaScript book

2017년 2월 4일에 발매 예정인 Isomorphic JavaScript에 대해서 다루는 서적입니다.


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