Meta programming with ECMAScript 6 proxies
Meta programming with ECMAScript 6 proxies이 아티클에는 ECMAScript 6의 Proxy에 대해서 자세히 작성돼 있습니다. 메타프로그래밍 정의, ES6 Proxy를 사용하여 할 수 있는 일, Proxy 동작 원리, 유즈케이스, Proxy 판별법, PropertyDescriptor와 합친 경우, Reflect API에 대해서도 설명하고 있어 메타프로그래밍 적으로 재미있는 부분이 많습니다.
Web Components의 기본적인 사용법 정리
Web Components의 기본적인 사용법 정리(일본어[구글번역])에는 Web Components에 대해서 작성돼 있습니다. template 요소, HTML Imports, Shadow DOM, Custom Elements 같은 구성 요소에 대해서 잘 나눠 작성돼 있어서 관심 있는 부분을 먼저 읽어볼 수 있습니다.
Chrome 40에서 지금 바로 ServiceWorker를 사용해보자
Chrome 40에서 지금 바로 ServiceWorker를 사용해보자(일본어[구글번역])에는 Chrome 40에서 사용할 수 있는 Service Worker에 대해 작성돼 있습니다. 유투브 해설 영상(일본어)과 함께 보면 조금 더 이해하기 쉽습니다.
릴리즈 소식
- jsdom/Changelog.md at 1.5.0 : jsdom 1.5.0이 릴리즈됐습니다. console API에 대한 정의가 추가됐습니다.
- Ember.js 1.9.0 and 1.10 Beta Released : Ember.js 1.9.0과 1.10 베타 버전리 릴리즈됐습니다. Ember 2.0을 위한 1.9에서 비권장(deprecated)된 기능에 대해 작성돼 있습니다. Handlebars 2.0으로 업데이트, streams observaton 스타일 도입 등에 대해 설명돼 있습니다.
- Release 3.5 “Mount Sharp” · mbostock/D3 : D3.js 3.5가 릴리즈 됐습니다.
- D3 버전 3.5가 릴리즈됐습니다.(일본어[구글번역])
- Release 0.4 · sdesalas/trifleJS : IE를 위한 PhantomJS 같은 느낌의 Headless Browser 인 trifleJS 0.4가 릴리즈됐습니다.
- harmony:specification_drafts [ES Wiki] : ECMAScript 6 Draft Rev 29가 릴리즈 됐습니다. RegExp.prototype.flags 추가됐으며 WeakMap/WeakSet에서 clear 메서드가 삭제됐고 String.prototype.contains가 includes로 이름이 변경됐습니다.
- Dynatrace AJAX Edition 4.5 is here : Dynatrace AJAX Edition 4.5가 릴리즈 됐습니다.
읽을거리
- JavaScript Application Architecture On The Road To 2015 : 2014년 자바스크립트 아키텍처를 전체적으로 돌아보며 앞으로 어떻게 변화할지 이야기합니다. 데이버 바인딩, immutable, Virtual DOM, Web Components, Component 간의 메시징, ES6와 Browserify, 오프라인 퍼스트 등에 대해서 소개합니다.
- [JavaScript Advent Calendar 2014 No.6] navigator.onLine in Blink(일본어[구글번역]) : navigator.onLine이 어떤 식으로 구현돼 있는지 Blink/Chrome의 소스 코드를 기초로 분석합니다. 브라우저의 소스 코드를 읽는 방법에 대한 예로 여러 방법에 도움이 될 것 같습니다.
- How to Use npm as a Build Tool : npm run-script를 빌드 도구로 사용하는 방법에 대해서 이야기합니다. 크로스 플랫폼 용으로 rm 대신 rimraf 모듈을 사용하거나 테스크의 구룹화나 hook에 대해서 작성돼 있습니다.
- Snap.svg 사용법 정리(일본어[구글번역]) : Snap.svg에 대해 자세히 작성돼 있는 튜토리얼입니다. 목적과 기본적인 사용법 부터 응용, Raphaël.js와의 차이점 등 잘 정리돼 있습니다.
- SVGO를 사용한 SVG의 경령화 방법(애니메이션 시 주의점)(일본어[구글번역]) : SVG를 최적화할 수 있는 SVGO의 사용 방법에 대해 작성돼 있습니다. 각각의 플러그인에 대해서 설명합니다.
- Polyfilling Doesn’t Have to be Difficult : Number.isIntiger(), placeholder 속성을 직접 구현해 보면서 polyfill에 대해 깨우칠 수 있는 튜토리얼입니다.
- 실천 입문 Ember.js : 연재(일본어[구글번역]) : Ember.js의 사용법, 특징 등을 연재하고 있습니다.
- Ractive.js 소개(일본어[구글번역]) : 간단한 TODO을 예제로 Ractive.js를 소개합니다. mustache를 확장한 템플릿과 이벤트 및 데이터 바인딩에 대해 설명하고 있습니다.
- The offline cookbook : Service Worker의 특징을 가장 잘 나타내는 패턴을 소개합니다.
- On Third-Party JavaScript – In Production Case-Study : 서드 파티 자바스크립트를 케이스 스터디하여 배울 수 있는것에 대해 작성돼 있습니다. Mixpanel, Diqus의 사이즈나 캐쉬, 어떤 초기화 과정을 거치는지를 설명합니다.
- Introducing the JavaScript Internationalization API : ECMA i18n API 사용법에 대해서 작성돼 있습니다. 예전부터 localeCompare, toLocaleString 등이 있었지만 현지화에 사용하기엔 불충분했습니다. 하지만 그 부분을 ECMA i18n API으로 해결할 수 있습니다.
라이브러리
- Papa Parse – Powerful CSV parser for Javascript : CSV 파서 라이브러리입니다. CSV를 JSON으로 변환할 수 있으며 WebWorker를 사용하여 병렬로 처리합니다. 다운로드 하면서 파싱할 수 있습니다.
- gcanti/uvdom : Virtual DOM을 가지고 있는 라이브러리(React, virtual-dom 등)들을 각각 변환할 수 있도록 하는 추상 계층의 구현 모듈입니다.
- Offline.js : 오프라인 상태인지를 감지하여 통지 가능한 라이브러리입니다.
- decimal.js API : Decimal을 다루는 라이브러리입니다. 소수 점 끼리의 연산, 압축 동작 지정 등, 포멧을 지정한 출력 등이 가능합니다.
도서
- TypeScript 실전 프로그래밍(Programmer’s SELECTION) : 2015년 1월 23일에 발매되는 Pro TypeScript를 일본어로 번역한 책입니다.
- WebSocket – O’Reilly Media : WebSocket에 대한 책입니다.
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고, 자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.
0개의 댓글