[JSer.info#번역] 2014-09-30 자바스크립트 주요 소식

The State of Grunt

이 슬라이드에는 Grunt의 현황과 장래에 대해서 작성돼 있습니다. optional adapter를 통해 Gulp 및 Broccoli의 플러그인을 지원하고, Glup과 같은 Stream 및 Promise 기반의 태스크를 지원할 예정이라고 합니다. 또한, 마지막 페이지에는 Grunt와 Gulp 그리고 Broccoli 각각의 목적에 대해서도 작성돼 있습니다.
 

Get Started React.js

이 슬라이드에는 React의 기본적인 사용법부터 시작하여 Component, Prop, State 등 구성 요소에 대해서도 상세히 작성돼 있습니다.  최근들어 SEO의 관점에서 작성한 글을 여러곳에서 볼 수 있습니다.

• Building robust web apps with React: Part 4, server-side rendering
• Rendering React Components on the Server
• From AngularJS to React: The Isomorphic Way
• Server-Side Rendering

React의 prop과 state를 사용한 UI의 접근에 대해서는 From Backbone To React: Our Experience Scaling a Web Application을 참고하세요.
 

The Mobile Web Handbook

Webkit 및 Android 등 모바일 브라우저에서 발생하는 문제와 해결 방법 등을 다룬 책이 출판됐습니다. 저자는 유명한 PPK(Peter-Paul Koch)입니다. 모바일 사이트의 까다로운 문제에 대해서 다양하게 작성돼 있고, viewport와Touch Event도 설명하는 등 매우 특수한 내용으로 이뤄져 있습니다.
 

주요기사

• Release 0.11.-rc · yyx990803/vue : Vue.js 0.11.0-rc 버전이 릴리즈됐습니다.

읽을거리

• VirtualDOM의 알고리즘을 알고 싶어서 virtual-dom의 코드를 읽어봤다.(일본어[구글번역]) : VirtualDOM의 구성 요소 및 diff 알고리즘에 대해서 이야기합니다.
  • virtual-dom
• Testing Flux Applications : Flux 아키텍처를 Jest에서 테스트 하는 방법에 대해서 작성돼 있습니다.
  • Flux | Application Architecture for Building User Interfaces
  • Jest | Painless JavaScript Unit Testing
• ECMAScript 6 promises (1/2): foundations : ES6 Promise에 대해 연재하고 있습니다. 자바스크립트의 비동기 처리와 관련된 콜-스택, 이벤트 루프, 콜백에 대해서 설명돼 있습니다.
• Preparing for ECMAScript 6: New String Methods : ES6에서 구현될 String 메서드에 대해서 설명돼 있습니다.
• async vs defer attributes : script 요소의 async 속성과 defer 속성의 차이점이 그림과 함께 이해하기 쉽게 설명돼 있습니다.
• Better @font-face with Font Load Events : CSS Font Loading을 사용하여 웹 폰트를 로드하고 적용하여 FOUT(Flash of Unstyled Text)를 회피하는 방법에 대해서 작성돼 있습니다.
  • FOUT(Flash of Unstyled Text) : 웹 폰트가 불러오기 전에 잠시 스타일이 적용되지 않은 폰트가 나타나는 현상을 말한다.
  • Fighting the @font-face FOUT
• Using ServiceWorker in Chrome today : Chrome에서 플래그를 설정하여 사용할 수 있도록 구현된 ServiceWorker를 구동시키는 방법 및 오프라인 캐쉬 데모
• guiding-through-the-javascript-frameworks.pdf : 자바스크립트의 Angular, Ember, Backbone.js, React, Ampersand.js 등의 특징에 대해서 작성돼 있습니다. 또 이들을 사용하여 무엇을 해결할 수 있는지에 대한 일종의 가이드라인도 제공합니다.
• Tale of npm, css and html : Browserify와 npm을 사용한 개발과 parcelify에 대한 스크린캐스트 입니다.

라이브러리

• mohayonao/neume.js : WebAudio API를 다루는 라이브러리입니다. 성능이 좋고 사용하기 쉬운 인터페이스에 초점을 맞추고 있습니다.

도서

• Developing a React.js Edge : React.js에대한 도서입니다.
  • Survey Builder Sample App

 
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고,  자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.