JSer.info #242 - CSS 프레임워크인 Bootstrap 4 alpha 가 릴리즈됐습니다.

Bootstrap 4 alpha · Bootstrap Blog

메이저 업데이트인 4의 알파 버전입니다. Bootstrap 기반 언어가 Less에서 Sass로 변경됐습니다.

IE8의 지원을 종료했고, rem을 기본 단위로 이용하도록 됐으며, flexbox를 옵션으로 이용 할 수 있습니다.
wells나 thumbnails, panels의 컴포넌트는 폐지되고 cards에 통합됩니다.

또 플러그인을 ES6로 재작성하여 UMD 모듈로 제공할 수 있도록 변경됐고, 노멀라이즈를 Reboot로 정리하는 등 다양한 변경사항이 있습니다.

동시에 Bootstrap Themes라고 하는 Bootstrap의 테마를 다루는 공식 사이트도 공개됐습니다.

CSS의 포스트 프로세서를 빌드하는 기반 도구인 PostCSS 5.0이 릴리즈 됐습니다. PostCSS는 Autoprefixer로 유명한 Andrey Sitnik가 개발하고 있습니다.

파서 부분을 옵셔널화 했으며 SCSS parser를 사용하여 CSS 뿐만 아니라 SCSS도 파서 가능하도록 변경됐습니다.

PostCSS에 관해서는 PostCSS는 무엇인가 // Speaker Deck 슬라이드(일본어)에 잘 정리돼 있습니다. CSS 중심적인 도구에 흥미가 있는 사람에게 좋은 자료가 될 것 같습니다.

어떻게 이렇게 된 것일까? Node.js와 io.js의 분열과 통합의 미래, 이제부터 어떻게 진화할까? // Speaker Deck(일본어) 슬라이드에서 Node.js의 역사, io.js가 왜 생겨났는지, 커뮤니티와 개발 체제, Node.js v4.0에서의 통합 등, Node.js 프로젝트에 관계된 소동에 관해 정리돼 있습니다.

YAPC::ASIA 2015에서 「어떻게 이렇게 된 것일까? Node.js와 io.js의 분열과 통합의 미래, 이제부터 어떻게 진화할까?」라는 주제로 발표했다. - from scratch(일본어)

또, 4.0 is the new 1.0 — Node & JavaScript — Medium에서 Node.js와 io.js의 통합 과정 등에 관해 작성돼 있으니 참고하면 좋을 것 같습니다.

헤드라인

Bootstrap 4 alpha · Bootstrap Blog

blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/

CSS library ReleaseNote

Bootstrap 4α가 릴리드됐습니다.
Less에서 Sass로 전환, IE8 지원 종료, rem 단위 이용, flexbox를 옵셔널하게 이용할 수 있도록 변경됐고, 플러그인을 ES6로 재작성 했으며 재정의 스타일을 Reboot로 정리하는 등 다양한 변경 사항이 있습니다.

Bootstrap 4 alpha · Bootstrap Blog

Release 5.0 “President Valac” · postcss/postcss

github.com/postcss/postcss/releases/tag/5.0.0

CSS library ReleaseNote

CSS의 변환을 처리하는 PostCSS 5.0이 릴리즈 됐습니다.
safe 옵션이 별도의 프로젝트로 옮겨졌고, parser나 stringifier 등도 옵셔널화 했습니다.
SCSS의 파서에도 대응하는 등 다양한 변경 사항이 있습니다.

Release RxJS Version 3.1 · Reactive-Extensions/RxJS

github.com/Reactive-Extensions/RxJS/releases/tag/v3.1.0

Rx JavaScript library Electron

RxJS 3.1이 릴리즈됐습니다.
resultSelector가 옵션널하게 변경됐으며 TypeScript 정의 파일이 재작성 됐습니다.

Release 1.1.0 - 2015.08.17 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v1.1.0

JavaScript library ReleaseNote

core-js 1.1.0가 릴리즈됐습니다.
string padding의 제안을 수용했으며 trimLeft/trimRight가 추가됐고 Reflect.enumerate는 캐쉬된 key를 iterate 하도록 변경됐습니다.

Question about [[Enumerate]] and property decision timing

ESLint 1.2.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2015/08/eslint-1.2.0-released/

JavaScript Tools ReleaseNote

ESLint 1.2.0가 릴리즈됐습니다.
문자열 결합에 Template String을 사용을 유도하는 규칙, 콜백에 Array Function을 사용을 우선하는 규칙 등이 추가됐습니다. commonjs의 environment 정의가 추가됐습니다.

아티클

하테나 북마크 검색을 만들어보면서 Flux Utils를 익히다 | Web Scratch(일본어)

efcl.info/2015/08/24/flux-utils/

JavaScript Flux React tutorial

Flux Utils와 React를 사용해 앱을 만들어보면서 Flux Utils를 익히는 튜토리얼입니다.
Store의 state가 Immutable인 것과 Container 등의 동작 방식을 이해할 수 있습니다.

JavaScript의 이터레이터를 누리다 - Qiita(일본어)

qiita.com/kura07/items/cf168a7ea20e8c2554c6

JavaScript ECMAScript

Iterator, Iterable, Generator 각각이 무엇인지, 어떤식으로 사용하는지 설명하고 있습니다.

Proper testing of Angular JS applications with ES6 modules — Medium

medium.com/@tomastrajan/proper-testing-of-angular-js-applications-with-es6-modules-8cf31113873f

JavaScript AngularJS testing library

ES6 modules와 AngularJS.
ES6 modules로 로드하여 테스트하기 위해서는 어떤식으로 코드를 작성해야하는지 이야기합니다.

reactjs - ES6 버전 React.js 튜토리얼 - Qiita(일본어)

qiita.com/nownabe/items/2d8b92d95186c3941de0

React ECMAScript tutorial

React의 튜토리얼을 ES6 Classes 등을 사용하여 작성한 경우 어떤 모습이 되는지 알 수 있도록 튜토리얼 형식으로 작성한 문서입니다.

튜토리얼 | React

Vue.js Tutorial - Vegibit

vegibit.com/vue-js-tutorial/

JavaScript library tutorial

Vue.js에 관한 튜토리얼입니다.
기본적인 사용방법, Vue.js의 Event、Filter、Components 등에 관해 작성돼 있습니다.

Windows 10 virtual machines now available on Microsoft Edge Dev | Microsoft Edge Dev Blog

blogs.windows.com/msedgedev/2015/08/17/windows-10-virtual-machines-now-available-on-microsoft-edge-dev/

MS MSEdge 가상화

MSEdge를 사용할 수 있는 Windows 10의 Virtual Machine(VM)이 공개됐습니다.

슬라이드, 영상

PostCSS란 무엇인가? // Speaker Deck(일본어)

speakerdeck.com/jmblog/postcss-tohahe-ka

CSS Tools 슬라이드

PostCSS에 관한 슬라이드입니다.
PostCSS를 사용한 변환 시스템, 각각의 플러그인은 하나의 기능을 담당하고 있으므로 조합하여 사용할 수 있다고 설명하고 있습니다.
csssnext, PreCSS, cssnano 등의 플러그인 팩과 Sass 대신 이용하는 방법도 소개합니다.