JSer.info #307 - Node v7.2.0이 릴리즈됐습니다.
Windows 10 유저를 위한 보안 관련 수정도 포함돼 있는 버전입니다.
Weekly Update - November 24th, 2016에 의하면 Node.js의 코드 커버리지를 볼 수 있는 Node.js Nightly Code Coverage와 Node.js v7의 벤치마크를 볼 수 있는 Node.js Benchmarks가 공개됐다고 합니다.
벤치마크에 관심이 있는 분은 Benchmarking Work Group를 함께 살펴보면 좋을 것 같습니다.
Running Yarn offline에는 Yarn을 사용한 오프라인 인스톨 기능에 관해 소개돼 있습니다.
Yarn은 yarn.lock의 resolved 필드에서 특정 모듈의 저장 장소(URL이나 경로)를 지정할 수 있습니다. 즉. 이 resolved필드를 상대 경로로 하면 로컬에서 모듈을 가져와 오프라인 설치를 할 수 있는 구조입니다. 이때 .yarnrc의 yarn-offline-mirror의 설정에서 오프라인 미러 용의 모듈 저장 장소를 지정하여 프로젝트 하위에 모듈을 보관할 수 있습니다.
Many Facebook teams, including the React Native team, decided to check in their “Offline mirror”.
이 기사에서 흥미로운 부분은 페이스북에서는 오프라인 미러를 버전 관리에 포함해 사용하고 있다는 점입니다.
최근 iOS(CocoaPods, Carthage 패키지 관리 도구) 커뮤니티에서도 동일한 주제에 대해 논의되고 있는 점을 미루어 볼때 프로젝트에서 의존 모듈을 취급하는 방법이 변화하고 있는 것일지도 모르겠습니다.
공지사항
JSer.info 6 주년과 300 회 기념 이벤트를 2017년 1월 15일(일요일)에 진행할 예정입니다.
JSer.info 5주년 기념 이벤트와 비슷한 이벤트가 될 것으로 생각합니다만 아직 무엇을 할 지 확실히 정하진 않았습니다.
부디 무엇인가 하고 싶은 것이 있다면 Issue에 의견 주세요.
예) 죽어가는 Flash에 관해 이야기하고 싶다.
- https://github.com/jser/jser.info/issues/89
- 이런 발표를 하고 싶다는 사전 예고도 있습니다.
이벤트 페이지(아직없음)를 통한 모집 일정은 12월 중순 정도로 예정하고 있습니다.
헤드라인
Release v2.1.0 · vuejs/vue
github.com/vuejs/vue/releases/tag/v2.1.0
Vue.js 2.1.0이 릴리즈됐습니다.
Scoped Slots, v-else-if, dist 하위의 파일 변경, JSX를 대응한 개선, 서버 사이드 렌더링 시 process.env.VUE_ENV=server를 때에 따라 자동으로 활성화 되도록 변경 되는 등 여러가지 변경 사항이 있습니다.
大変お待たせしました。Vue.js 2.0 公式ドキュメントの日本語サイトリリースしました！最新バージョン 2.1 まで対応しています。今回の翻訳プロジェクトにご協力頂いた方には大変感謝です！ありがとうございました！ https://t.co/nCleWsMtft #vuejs
— 🐤kazuya kawaguchi🐤 (@kazu_pon) 2016年11月23日
트위터 번역 : 대단히 오래 기다리셨습니다 Vue.js 공식 문서의 일본어 버전 사이트를 릴리즈 했습니다 최신 버전인 2.1 까지 대응하고 있습니. 이번 번역 프로젝트에 협력해주신 분에게 감사의 말씀을 전하고 싶습니다! 감사합니다!
ESLint v3.11.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2016/11/eslint-v3.11.0-released
ESLint v3.11.0이 릴리즈됐습니다.
capitalized-comments, require-await 규칙이 추가됐습니다.
Node v7.2.0 (Current) | Node.js
nodejs.org/en/blog/release/v7.2.0/
Node v7.2.0이 릴리즈됐습니다.
Windows 관련 보안 개선이 포함된 릴리즈입니다. process.memoryUsage().external 프로퍼티가 추가되는 등 다양한 변경 사항이 있습니다.
Release notes · Riot.js
riotjs.com/release-notes/#november-22-2016
Riot.js 3.0이 릴리즈됐습니다.
아티클
Running Yarn offline | Yarn
yarnpkg.com/blog/2016/11/24/offline-mirror
yarn을 오프라인 환경에서 사용할 수 있는 방법이나 오프라인 미러를 저장소에 포함하는 방법에 관해서 소개하는 기사입니다.
How CSS pseudo-classes work, explained with code and lots of diagrams
medium.freecodecamp.com/explained-css-pseudo-classes-cef3c3177361
다이어그램을 이용해 :*-of-type와 :*-child 등의 의사 클래스를 알기 쉽게 소개하고 있는 글입니다.
ES6 Iterators and Generators in Practice – Zsolt Nagy
www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/
Iterator, Iterable, Generator에 관해 이야기합니다.
샘플 코드를 중심으로 어떤 식으로 동작하는지 자세히 소개하는 글입니다.
DasSur.ma – How to read web specs Part IIa – Or: ECMAScript Symbols
dassur.ma/things/reading-specs-2/
ECMAScript 사양을 읽는 방법에 관해 이야기합니다.
@@iterator는 무엇인지, 어느 부분부터 Symbol에 관한 사양을 살펴보면 되는지 소개합니다.
TypeScript 2.0: Built-In Type Declarations | Marius Schulz
blog.mariusschulz.com/2016/11/25/typescript-2-0-built-in-type-declarations
TypeScript 2.0의 Built-In Type에 관해 소개합니다.
--lib 옵션으로 포함할 빌트인 lib를 지정할 수 있습니다.
Understanding JavaScript Micro-Templating – Medium
medium.com/@zfrisch/understanding-javascript-micro-templating-f37a37b3b40e
John Resig이 개발한 140bytes만으로 구현된 Micro Templating이 어떤 구조로 동작하고 있는지를 살펴볼 수 있는 글입니다.
Function 생성자, 정규 표현 등의 구성 요소를 친절하게 소개하고 있습니다.
The numbers on Webpack 1 vs 2 – Medium
medium.com/@u_glow/the-numbers-on-webpack-1-vs-2-7f457bb4658c
webpack 1.x와 2.0β의 빌드 사이즈와 빌드 시간(prod/dev)을 비교한 글입니다.
Advanced Data Tables in React
techblog.commercetools.com/advanced-data-tables-in-react-dbe33f8345ab
React 용 grid 라이브러리가 비교 및 정리돼 있습니다.
An Introduction to mo.js | CSS-Tricks
css-tricks.com/introduction-mo-js/
선언적인 애니메이션 라이브러리인 mo.js를 학습할 수 있는 튜토리얼 입니다.
katatema.js - ✘╹◡╹✘
r7kamura.hatenablog.com/entry/2016/11/24/030101
Next.js 처럼 타입별로 구분된 디렉터리에 React의 컴포넌트를 배치하여 그에 대응하는 HTML로 각각 변환할 수 있는 도구입니다.
슬라이드, 영상
React at Product Hunt // Speaker Deck
speakerdeck.com/rstankov/react-at-product-hunt
ProductHunt의 JavaScript 스택 변천 과정에 관해서 알 수 있는 슬라이드 입니다(jQuery -> Backbone -> React + Redux)
컴포넌트 디자인 방식이나 자체 개발한 Duxy를 사용한 Rest API 조작 방법 등에 관해서도 이야기합니다.
azat-co/you-dont-know-node: You Don't Know Node.js
github.com/azat-co/you-dont-know-node
Node.js는 어떤 특징을 가지고 있는지 소개하는 입문자를 대상으로 한 서적입니다.
비동기 I/O, Stream, 에러 핸들링, 네이티브 모듈에 관해 설명합니다.
사이트, 서비스, 문서
CSS Reference - A free visual guide to the most popular CSS properties.
CSS 레퍼런스 사이트입니다.
각각의 프로퍼티를 적용했을 때의 결과를 그림으로 표현해 주고 있어 이해하기 쉽습니다.
소프트웨어, 도구, 라이브러리
Feature.js
Modernizr 처럼 여러가지 기능들을 이용할 수 있는지를 일괄적으로 판정해주는 라이브러리입니다.
Reframe.js
dollarshaveclub.github.io/reframe.js
iframe과 같은 컨텐츠를 포함하는 비반응적(unresponsive) 요소를 반응적(responsive)으로 다룰 수 있도록 만들어주는 라이브러리입니다.
immutable-css
A CSS linter for immutable selectors.
덮어쓰여진(override) 셀렉터를 체크하는 검증 도구 입니다.
nuxt/nuxt.js: A minimalistic framework for server-rendered Vue.js applications (inspired by Next.js)
Next.js에서 영감을 받아 시작된 Vue.js용의 서버사이드 렌더링 프레임워크 입니다.
