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개의 이슈를 처리)하고 있습니다.
 

릴리즈 소식

 

블로그 & 아티클

 

슬라이드 & 동영상

  • 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 등 아직 구현되지 않은 부분도 있으니 참고해주세요.

 

도서

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

카테고리: Research

UYEONG

사케와 힙합을 즐길 줄 아는 프론트엔드 개발자입니다.

0개의 댓글

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다