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

Browserify 5.0.0 릴리즈

브라우저에서 Node.js 스타일로 모듈을 실행할 수 있도록하는 빌드 도구인 Browserify 5.0.0이 릴리즈됐습니다. Semantic Versioning 규칙을 사용하기 때문에 이미 버전 5.9.1 까지 나와있으며, Browserify의 내부적인 변환 처리를 크게 변경하고 있습니다.
Sementic Versioning이란 소프트웨어 관리시 문제가 되는 “의존성 지옥”을 해결하기 위해  깃헙(GitHub)의 공동 창업자인 톰 프레스턴-베르너(Tom Preston-Werner)가 작성하고 제안한 소프트웨어의 버전 지정 방식 또는 규칙을 말합니다.

주로 플러그인을 작성하거나 직접 Browserify를 사용하는 경우의 변경이 대부분이며, 커멘드 라인을 사용하는 경우는 – –standalone이 derequire 되지 않게 됐다는 점이 대표적인 변경 사항입니다. 5.0의 –standalone의 동작에 대한 차이점은 아래를 참고하세요.

• Browserify 5.0에서 – -standalone일때 derequire 되지 않는다. | Web Scratch(일본어|구글번역)

또 Browserify의 처리에 대한 HOOK 방법이 5.0에서 도입한 Compile Pipeline(labeled-stream) 방식보다 더 유연하게 작성할 수 있도록 변경됐습니다. 그리고 labeled phases 가 도입되어 의존성 단계나 코드 생성 단계 등 각각의 transform stream이 레벨링되고, 해당 stream에 대한 처리를 plugin에서 할 수 있게 됐습니다.

• node-browserify/doc/changelog/5_0.markdown at master · substack/node-browserify
• compiler pipeline – substack/browserify-handbook – 1.3.1…1.4.0

주요 기사

• Release v2.0.0-alpha-5 : script arguments : npm 2.0.0 알파 5에서 npm run-script에 인수를 전달할 수 있게 됐습니다. 아직 알파 단계이므로 전달 방법에 대해서는 피드백을 받는 중입니다.(Passing args into run-scripts#5518)
• The Basics Of ES6 Generators : ES6의 Generators에 대해 설명합니다.
• Google Web Starter Kit의 gulpfile를 번역해봤다(일본어[구글번역) : Google Web Starter Kit이 사용하고 있는 gulpfile의 각 태스크에 대해 설명합니다.
• Web Audio Changes in m36 – HTML5Rocks Updates : Chrome 36의 WebAudio API에 대한 변경 사항을 정리하고 있습니다.
• Solving spyOn problems in Jasmine – Two Fucking Developers : jasmine에서 localstorage#set에 spyOn 할때 Firefox가 예외를 던지는 문제와 localstorage 자체를 Mock으로 대체하는 방법을 소개합니다.
• Away 3D 스터디 그룹에 다녀와서(일본어[구글번역]) : 본래 Flash 용으로 개발된 Away3D를 TypeScript로 포팅한 Away3D Typescript에 대한 이야기입니다. Away3D Typescript는 WebGL을 사용한 3D엔진이며, Flash로 대체 하는 방법도 구현하고 있습니다.
• Shipping Blink-in-JS – 구글 그룹스 :  보안과 유지 보수 그리고 프로그래밍 가능한 영역을 넓히기 위해서 자바스크립트에서 활용하는 DOM 구현체를 C++ 네이티브 코드에서 Blink-in-JS로 변경할 예정입니다.
  
  자세한 내용은 아래 링크를 참고해주세요.
  • Blink-in-JavaScript – The Chromium Projects
• Lonely Planet & GitHub : CSS 구성과 정책(일본어[구글번역) : Github CSS와 Lonely Planet의 CSS 구성과 도구 그리고 개발 스타일에 대해 이야기합니다.

라이브러리

• blittle/bower-installer : bower.json에 모듈의 복사 경로를 지정하여 설치한 모듈을 지정한 경로로 복사하는 커멘드라인 도구입니다.
• Node.js Tools for Visual Studio 1.0 Beta 2 Available – The Visual Studio Blog : Node.js 개발 환경을 지원하는 Visual Studio의 Node.js add-on 입니다. npm UI를 개선했고 mocha 및 기타 테스트 프레임워크를 지원할 수 있도록 변경됐습니다.
• RReverser/estemplate : 자바스크립트 AST 기반의 템플릿 엔진입니다. SourceMap에 대응하는 코드도 생성할 수 있습니다.
  • Proper (AST-based) JavaScript code templating with source maps support.
• google/google-api-nodejs-client : Google API의 공식 Node.js 클라이언트 라이브러리입니다.
• zzarcon/html-observer : Object.observe()를 사용한 데이터 바인딩 라이브러리입니다.
• Valve/fingerprintjs : 브라우저의 navigation.* 이나 설치된 플러그인 등을 이용하여 특정 해시 값을 생성하는 라이브러리입니다. EFF가 발표했던 94%의 정확도로 웹 브라우저를 식별 가능하다는 연구 결과(browser-uniqueness)를 기초로 개발됐습니다.

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