JSer.info #245 - React 0.14 RC가 릴리즈 되었습니다.
React 0.14에선 패키지의 구분 및 Stateless 컴포넌트 추가 등 여러 점이 변경되었습니다.
그를 위해 마이그레이션 도구인 react-codemod도 릴리즈 되어 정식 릴리즈 전에 확인해보면 좋을 듯 합니다.
JavaScript Lint 툴 ESLint 1.4.0이 릴리즈되었습니다.
지금까지는 Lint 기능만 추가했지만, '--fix' 옵션으로 코드를 수정할 수 있는 기능이 추가되었습니다. (일부 룰에서만)
또, '--cahce' 옵션으로 실행결과를 파일로 캐쉬하는 것도 가능해졌습니다.
ES2015(ES6) 시대이기에, ES5를 다시 읽어본 JavaScript 초보자의 메모 - Qiita라는 아티클에서 ES5에서 추가된 기능에 대해 작성되어 있습니다.
ES5에선 Property Descriptor나 Array에 편리한 메소드 등 여러 기능이 추가되어있습니다.
또 Babel 등이 Transpile할 때, 여러 케이스에서 ES5 기능을 한계까지 사용하여 ES6 기능을 유사하게 구현하고 있습니다.
어떻게 ECMAScript 6를 공부하기 시작해야할까에서도 써져있지만, Bebel 같은 변환 도구를 사용하기 전에 ES5의 기능에 대해 다시 알아두는 게 중요하다고 생각합니다.
아래 아티클도 함께 읽으면 상세한 동작방식을 알 수 있습니다.
헤드라인
Modernizr News
modernizr.com/news/modernizr-3-new-release-site
Feature Detect를 행하는 라이브러리인 Modernizr 3 릴리즈
React v0.14 Release Candidate | React
facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html
React v0.14 RC 릴리즈.
모듈 구분 , 'refs' 참조가 DOM node 자신이 되도록, Stateless 컴포너트, react-tools 폐지, Babel로 이동 등
Flow | Version 0.15.0
flowtype.org/blog/2015/09/10/Version-0.15.0.html
Flow 0.15.0 릴리즈
Generator 지원, 워커 프로세스 수 설정 가능, ES6 classes에서 super()를 호출하기 전 this에 접근하는 걸 체크가능하도록 하는 등
ESLint v1.4.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2015/09/eslint-v1.4.0-released
ESLint v1.4.0 릴리즈
룰에 맞는 형태로 코드를 수정하는 '--fix' 옵션 추가, 실행결과를 캐쉬하는게 가능한 --cache 옵션 추가 등
jsdom/Changelog.md at 6.4.0 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/6.4.0/Changelog.md
jsdom 6.4.0 릴리즈
jsdom.nodeLocation 추가,
getElementsByClassName에서 공백이 구분한 문자열의 대응 등
아티클
The names of functions in ES6
www.2ality.com/2015/09/function-names-es6.html
함수나 Symbol, 모듈 등의 'name' 프로퍼티에 대한 정리
JavaScript - Babel 플러그인을 만들어 보자 - Qiita
qiita.com/shuhei/items/96a852f7e0995fd42981
Babel 플러그인 작성방법과 짜임새에 대한 튜토리얼 아티클
ES2015(ES6) 시대이기에, ES5를 다시 읽어본 JavaScript 초보자의 메모 - Qiita
qiita.com/zaru/items/d833dca52962c3f7770f
ES5에서 추가된 Propety Descriptor나 추가된 메소드에 대해
Lessons Backbone Developers Can Learn From React
benmccormick.org/2015/09/09/what-can-backbone-developers-learn-from-react/
Backbone.js에서, React에서 배울 점에 대해서
JavaScript iterables and iterators - JS Rocks
jsrocks.org/2015/09/javascript-iterables-and-iterators/
iterable、iterator에 대한 상세한 문제가 Q&A 형태로 되어있는 아티클
iterable과 iterator 각각이 어떻게 정의되어있는가와 관계에 대해
또 'iterator.next()'의 반환값이 객체가 된 이유에 대해서
Full-Stack Redux Tutorial
teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html
Redux를 사용해 웹 어플리케이션을 만드는 법에 대한 튜토리얼
Polymer 1.0을 건드려보자 - console.lealog();
lealog.hateblo.jp/entry/2015/09/04/003050
Polymer를 사용한 웹사이트를 작성하는 방법 및 관련 툴을 소개
Polymer 템플릿이나 매력적인 점에 대해서
슬라이드, 동영상
The Polymer Summit 2015 - YouTube
www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J
Polymer Summit 2015 동영상 모음
https://www.polymer-project.org/summit
소프트웨어, 툴, 라이브러리
fb55/htmlparser2
HTML/XML/RSS parser 라이브러리
danielstjules/mocha.parallel
github.com/danielstjules/mocha.parallel
mocha로 작성한 테스트코드를 describe 단위로 병렬 처리 가능한 라이브러리
jide/moveit
DOM Node를 정의에 따라 애니메이션 시키는 라이브러리
애니메이션을 객체로 정의 가능하다.
Mostafa-Samir/zip-local
github.com/Mostafa-Samir/zip-local
zip/unzip을 행하는 Node 모듈
서적
Amazon: HTML5/CSS3 모던 코딩 프론트엔드 엔지니어가 가르치는 3개의 본격 레이아웃. 스탠다드, 그리드, 싱글 페이지 레이아웃의 작성법: 吉田 真麻
www.amazon.co.jp/dp/4798141577
2015년 11월 3일 발매.
레이아웃에 대한 서적
