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

WebStorm 9 EAP(Early Access Program) 출시

Node.js 개발 시에도 Live Edit와 Spy-js(자바스크립트 트레이스 도구)를 지원합니다. Spy-js를 이용하면 함수의 처리 시간이나 실행 후의 변수 값과 반환 값 등을 볼 수 있습니다. 실행 후의 값을 알 수 있게 때문에 코드 읽기가 훨씬 편합니다. 자세한 내용은 아래 링크를 참고하세요.

• Live Edit Updates in WebStorm 9 — What’s New? | JetBrains WebStorm Blog
• WebStorm 9 – Spy-js for Node.js: tracing, debugging and profiling Node

IntelliJ(JAVA)에는 이미 구현되어 있는 Postfix completion을 지원합니다. 이것은 .log<TAB> 같은 조각 코드를 이용해 코드를 완성하는 기능을 말합니다.

또 EditorConfig, Web Components 플러그인 등도 지원합니다.
 

Server Sent Events (SSE)의 사용 방법과 예(일본어[구글번역]

Server Sent Events는 명칭에서 알 수 있듯이 기존의 HTTP 환경에서 서버 Push 통신을 구현하는 방법을 정의한 표준안입니다.  표준안은 W3C에서 정의하고 있습니다. 옛날부터 있던 기술인 Comet, WebSocket과의 차이점과 직접 사용해보고 느낀 장/단점에 대해 이야기하고 있습니다. 서포트하는 브라우저에 따라 어느 방법을 사용할지 의사결정이 필요할것 같습니다.

Internet Explorer 지원 기간

• Stay up-to-date with Internet Explorer : 향후(2016년 1월 이후) IE 지원 기간이 어떻게 변경될지 작성되어 있습니다.
• Internet Explorer의 지원 기간이 변경됩니다(일본어[구글번역]) : IE 지원 정책이 Windows 버전에서 설치 가능한 최신 버전의 IE 만 지원하도록 변경됐습니다.

주요 소식

• wu.js 2.0 : map, reduce와 같은 고차 함수를 제공하는 wu.js의 2.0을 릴리즈했습니다. ES6를 대응하고 Generator 함수를 받아서 처리할 수 있게 됐습니다.
• tc39-notes/es6/2014-07 : 2014년 7월의 ECMAScript 사양 책정에 관한 TC39 Meeting Notes가 공개됐습니다. test262의 대폭적인 개선, SIMD-128 지수 연산자 등에 대해 알 수 있습니다.
  • bterlson/test262-harness
  • simd-128-tc39.pdf
  • Exponentiation Operator: **

아티클

• The State of the Componentised Web : 웹에 대한 컴포넌트의 흐름에 대해 이야기 합니다. AngularJS, Ember 등에 있는 컴포넌트를 만드는 기능을 소개하고 Web Components에 대해서도 간략히 정리하고 있습니다.
• Why Web Components Are Ready For Production : Web Components는 복잡하고 현시점에서 polyfill하기 어렵지만, Custom Element는 간단한 API로 구현할 수 있기 때문에 Polyfill 역시 단순하게 가능하고 실무에서도 사용할 수 있다고 합니다.
• Best Practices for Building Angular.js Apps with BrowerifyModern Web : AngularJS에는 module 기능이 있기 때문에 Browserify나 Require.JS 같은 모듈을 사용하지 않고 단순히 concat하는 것만으로도 문제 없다고 합니다. concat을 하더라도 sourcemap 으로 대응 할 수 있고 무엇보다 간단하다고 이야기하고 있습니다
• Speed​​ing up AngularJS apps with simple optimizations : AngularJS 성능 개선을 위한 팁을 소개합니다. 단 한번 뿐인 바인딩, $scope.$ apply()와 $scope.$digest()의 차이, ng-repeat, 디렉티브 내에서의 DOM 조작 등에 대해서 이야기합니다
• Using PDF.js web worker cross domain (CORS) : WebWorker에서 XHR을 이용해 취득한 자원을 Blob 객체화 하고 URL.createObjectURL을 이용하여 obejctURL을 받아 쓰는 과정을 소개합니다.

라이브러리

• trek/pretender : HTTP Mock 라이브러리 입니다. XHR을 FakeXHR로 바꾸고 요청에 대한 응답을 정의하여 리소스에 대한 요청을 테스트할 수 있습니다.(trek/FakeXMLHttpRequest)
• github/time-elements : GitHub에서 사용하는 <time>의 Custom Elements 라이브러리입니다.
• Wisembly/basil.js : localstorage, cookie, session storage, in memory를 일관성있는 API로 사용할 수 있도록 통일된 메소드를 제공 해주는 라이브러리입니다.
• rakuten-nlp/rakutenma : 형태소 분석기 라이브러리입니다. 일본어와 중국어의 문장에서 단어 단위로 분할하고 품사를 부여 할 수 있습니다. 일본의 온라인 쇼핑몰 서비스사인 라쿠텐(한국 라쿠텐)의 기술 연구소에서 개발하고 발표한 라이브러리 입니다. (한국어는 아직 없지만 라쿠텐이 한국어 서비스도 하고 있으므로 구현 가능성이 있을것 같습니다.)

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