Chrome38 Stable release
Chrome38의 Stable 버전이 출시됐습니다. 추가된 기능은 Chromium Blog를 참고해주세요. 몇 가지 소개해 드리자면 <picture> 요소를 지원하며 ES6의 Map과 Set, Symbol 등을 기본적으로 사용할 수 있도록 변경됐습니다. <picture> 요소에 대한것은 Dev.Opera의 Native Responsive Images 글을 참고해주세요. Set에 대한것은 Preparing for ECMAScript6 : Set and WeakSet 라는 글에서 자세히 소개하고 있습니다. 또한 개발자 도구에 Device Mode & Mobile Enulation 라고하는 기능이 추가됐습니다. 이 기능은 Firefox 개발자 도구에 있는 반응형 디자인 뷰 처럼 화면 사이즈를 간단하게 변경 할 수 있고, 모바일에서 어떻게 출력되는지 확인할 수 있도록 해주는 도구입니다. 자세한 사항은 DevBytes: Chrome DevTools Device Mode 영상을 참고하세요.
Chrome39과 동시에 Opera25도 릴리즈드 됐으며, Opera 25 released에서 새로운 기능을 자세히 소개하고 있습니다.
6to5
sebmck/6to5는 ES6로 작성한 코드를 ES5로 변환하는 Transpiler 입니다. Traceur 처럼 runtime 필요 없이 사용가능한 코드로 변환하며 코드의 외형도 가능한한 원본 코드의 형태를 유지하여 변환하는 것을 목적으로 하고 있습니다. 6to5 README.md의 Comparison to other transpilers에 ES6에서 ES5로 변환하는 도구 리스트가 작성돼 있지만, 6to5는 Grunt 태스크는 물론이고, 커멘드 라인, REPL, Node.js의 require hook 등을 통해 사용할 수 있는 등 사용 방법이 다른 도구에 비해 다양합니다. 또, 현재 가장 활발하게 개발(한 주에 약 50개의 이슈를 처리)하고 있습니다.
릴리즈 소식
- Visual Studio “14” CTP 4 and TypeScript 1.1 CTP Released : TypeScript 1.1이 릴리즈 됐습니다. 자세한 변경 사항은 Changes between 1.0 and 1.1과 List of minor breaking changes from 1.0를 참고하세요.
- TypeScript 1.1.0 변경사항(일본어[구글번역])
- AngularJS 1.3.0 – superluminal-nudge : AngularJS 1.3.0이 릴리즈 됐습니다. One-time bindings, WAI-ARIA를 대응하는 ngAria와 Strict DI 등의 기능이 추가 됐습니다. 또 1.3.0부터는 IE8를 지원하지 않습니다.
- Release v0.9.1 · twada/power-assert : power-assert 0.9.1가 릴리즈 됐습니다. Node.js 0.11를 서포트합니다.
- Release v0.6.0 · ractivejs/ractive : Ractive.js 0.6.0이 릴리즈 됐습니다. init가 onrender로 이름이 변경 됐으며, 여러가지 event hooks과 템플릿 엔진의 기능이 추가 됐습니다.
- Brackets 0.44 Release: Split View – Brackets Blog : Brackets 0.44가 릴리즈 됐습니다. 화면을 세로로 분할 표시 할 수 있는 Split View와 Vendor prefix 같은 정보를 참고할 수 있는 Quick Docs를 추가됐습니다.
블로그 & 아티클
- Vue.js v0.10의 변경사항 정리(일본어[구글번역]) : Vue.js v0.10 RC버전의 변경 사항이 정리돼 있습니다.
- CSS: It was twenty years ago today : CSS 20 주년을 기념하여 작성한 글입니다.
- Lightweight ES6 Features That Pack A Punch : ES6의 기능을 소개하고 있습니다. ES6Fiddle로 실행 가능한 샘플 코드를 함께 소개하고 있어 이해하기 쉽습니다.
- JavaScript Beyond the Web in 2014 : 자바스크립트와 하드웨어에 대해 이야기합니다. 자바스크립트를 사용하여 컨트롤 가능한 하드웨어에 대해서 정리하고 있습니다.
- 자바스크립트 TouchEvent의 무서운 이야기(일본어[구글번역]) : Android, iOS에서의 TouchEvent를 생성하고 dispatch하는 방법에 대해 정리하고 있습니다. 각기 다르게 구현돼 있는 initTouchEvent와 Polyfill에 대해서도 이야기합니다.
- AngularJS를 사용한 디자인 정책(일본어[구글번역]) : Chrome MySQL Admin을 예로 AngularJS 설계 정책을 소개합니다. 컨트롤러나 서비스, 상태 변화와 이벤트 통신 방식 등을 이야기합니다.
- 전국에 계신 Seleniumer 필독(일본어[구글번역]) : Selenium 팁을 정리하고 있습니다. 상황별 verify와 assert의 사용법 등을 이야기합니다.
- Explorations In Automatically Fixing JavaScript Linting-errors : FixMyJS를 사용한 JSHint의 경고 대상을 자동적으로 수정하는 방법과 SublimeText와의 데이터 공유에 대해서 이야기합니다.
- INTRO TO D3.JS – Overview : Square사의 D3.js 튜토리얼입니다.
- DevTools Tips : Chrome Dev Tools의 팁을 정리한 사이트입니다.
슬라이드 & 동영상
- React: Flux Architecture : React를 사용한 Flux 아키텍쳐에서 쇼핑 카트를 만드는 과정을 설명합니다. 꼭 React가 아니더라도 적용 가능한 것이어서 마치 디자인 패턴을 보는 느낌입니다.
라이브러리
- Nightmare : PhantomJS API의 조작을 고수준으로 추상화된 메서드와 체이닝으로 쓸 수 있도록하는 라이브러리입니다. .run(callback)의 callback에 error 객체가 전달되며 조작 리스트를 모듈로 만들어 .use를 이용해 재사용도 가능합니다.
- React Bootstrap : React를 사용한 Bootstrap 3의 component입니다.
- angular/dart2es6 : Dart를 ES6로 변환하는 transpiler입니다.
- cure53/jPurify : jQuery에서 DOM Based XSS을 일으킬 가능성이 있는 메서드를 hook(乗っ取る, 탈취)하여 sanitize(sanitizing) 처리를 추가하는 라이브러리입니다.
- sanitize(세니타이즈) : sanitize 또는 sanitizing은 소독, 무해 등의 사전적인 의미를 가지고 있으며, 텍스트에 포함된 “&”나 “>” 등의 특수 문자를 일반 문자열로 변환하는 과정을 말합니다. 웹 사이트의 입력 폼에 악의 적인 스크립트를 입력하면 이를 단순한 문자열로 처리하여 XSS(Cross-site Scripting) 공격을 방지할 목적으로 사용합니다.
- ilyavolodin/eslint-plugin-backbone : ESLint를 사용한 Backbone.js에 관한 품질 검증 규칙 세트입니다.
- github/fetch : WHATWG에서 책정된 fetch의 polyfill 라이브러리입니다. XHR 보다 심플한 API를 이용해 데이터를 취득하거나 송신 등을 할 수 있습니다. fetch는 Promise를 반환하기 때문에 별도의 Promise polyfill이 필요할 수 있습니다. from이나 ArrayBuffer 등 아직 구현되지 않은 부분도 있으니 참고해주세요.
도서
- JavaScript Spessore by Reginald Braithwaite : 자바스크립트에서 객체 지향을 이야기하는 도서입니다. 확장 가능한 웹 애플리케이션을 구현하는 방법에 대해서 알 수 있습니다. 웹 버전은 무료입니다.
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고, 자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.
0개의 댓글