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

Posted by in Research

ESLint 0.11.0 릴리즈

JavaScript Lint 도구 ESLint 0.11.0이 릴리즈됐습니다. ES6나 JSX 등을 지원하기 위해 Esprima에서 fork한 Espree로 파서를 변경하고 있습니다. 또한, ECMAScript5가 기본 검증 설정으로 변경됐으며 설정을 package.json(Configuring ESLint)에 작성할 수 있도록 됐습니다.

 

browserify for webpack users

위 아티클에는 webpack의 각 기능을 Browserify에서 실현하는 방법을 비교해 소개하고 있습니다. 소개하는 방법이 꼭 동일한 기능이라고는 할 수 없지만, 각각의 설계 철학의 차이를 알 수 있는 디자인을 볼 수 있습니다. webpack은 모든 기능을 포함하고 그것을 활용한 최적화가 가능한 개발 방식을 취하고 있고, Browerify는 외부에서 기능을 구현하도록 하고 필요시 조합해 사용하는 UNIX 철학을 근간으로 하고 있습니다.

 

타입의 나라, TypeScript(일본어)

타입의 나라, TypeScript는 TypeScript의 기본적인 요소, 1.3.0이나 1.4.0에 추가된 기능, 타입 정의 파일 작성 법 등에 작성돼 있는 무료 공개 도서입니다. DefinitelyTyped의 maintena인 @vvakame가 작성한 얇은 책입니다. 4장 어드밴스드 타입 전략의 최근 변경 사항과 5장 JS자산과 타입 정의 파일의 타입 정의 파일(d.ts)에 대한 글이 특히 유용할 것 같습니다.

 

릴리즈 소식

 

읽을거리

  • ECMAScript 6: maps and sets : Map, WeakMap, Set, WeakSet의 동작에 대해 설명하고 있습니다. 각각의 API를 설명하고, WeakMap을 사용한 Private Data, spread operator와 함께 사용하는 방법 등에 대해 소개합니다.
  • Advanced unit testing tools for Node.js : TAP 형식과 tape를 사용하여 Node를 테스트하는 방법에 대해서 소개합니다. proxyquire를 사용해 Stub을 실현하는 방법에 대해서도 이야기합니다.
  • KeyboardEvent.ket를 사용하기 전 알아야 할 것(일본어) : DOM 3 KeyboardEvent에 대해서 이야기합니다. KeyboardEvent.keyCode의 문제점과 KeyboardEvent.key는 입력되는 문자를 나타내므로 직관적으로 표현할 수 있다는 것 그리고 KeyboardEvent.code는 키 자체를 나타낸다는 것 등에 대해 이야기합니다. 또한 크로스 브라우저를 위한 키 이벤트 대응에 대해서도 작성돼 있습니다.
  • ES6 Generator를 사용하여 async/await를 구현(일본어) : 코-루틴과 같은 행위를 구현 하는 과정을 ES6 Generator와 Promise를 사용하여 스텝 바이 스텝으로 설명하고 있습니다.
  • Multi-User Video Conference with WebRTC : Angularjs + WebRTC + Socket.io를 사용하여 비디오 채팅을 만드는 튜토리얼입니다. Yeoman의 generator를 사용하여 Angularjs의 코드 베이스를 생성합니다.
  • A Brief Introduction to SVG : SVG란 무엇인지 간단하게 정리한 스크린 캐스트입니다.
  • The jsdom : jsdom의 구현과 로드맵에 대해 알 수 있는 슬라이드입니다. 또, WebIDL을 토대로 구현한 도구도 소개합니다.

 

서비스

  • Front-end Dev Weekly : 프론트엔드 개발 및 도구에 관한 주간 메일 매거진입니다.
  • Frontend Weekly : 프론트엔드에 관한 소식 및 튜토리얼, 동영상과 슬라이드 등을 소개하는 주간 메일 메거진입니다.
  • Optimizing Performance : Web Fundamentals의 일부가 번역되고 있습니다.

 

라이브러리

  • deSVG : SVG를 인라인으로 전개하고 CSS로 스타일링 할 수 있도록 하는 라이브러리입니다.
  • mauriciosoares/core.js : Core.register에 요소를 지정하고 지정한 요소에 관한 처리를 작성하는 방식으로 컴포넌트를 개발합니다. 컴포넌트끼리는 listen과 notify의 pub/sub으로 메시지를 주고받는 방식으로 약결합되는 구성을 만드는 라이브러리입니다.
  • fraction/set-timer : setTimeout, setInterval을 랩핑한 Timer API 라이브러리입니다.
  • STRML/JSXHint : JSX 구문을 포함한 파일도 검증할 수 있는 JSHint를 랩핑한 도구입니다.
  • bearcat : 모듈 정의 부분을 bearcat의 방법으로 작성하는 것으로 DI, 비동기 로드, AOP에 대응할 수 있는 라이브러리입니다.

 

도서

  • Pro Express.js : express.js에 관한 도서입니다.
  • CSS Refactoring : 2015년 3월에 출간 예정인 CSS 리팩터링에 관한 도서입니다.
  • Beautiful JavaScript : 2015년 3월에 출간 예정인 자바스크립트 전체의 에코시스템과 어떻게 문제에 접근해 나갈지 등에 대한 상급 개발자들의 생각을 정리한 도서입니다.

JSer.info를 번역하여 공유드리고 있습니다.

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

감사합니다.