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

DaliyJS 설문 공개

매년 이 시기에 DaliyJS에서 시행하는 설문인 JavasScript Developer Survey 2014 결과가 공개됐습니다. 매년 조금씩 질문 및 응답 방식이 변경되므로 단순 비교는 어려울 수 있으나, 작년 Grunt에 대한 응답이 가장 많았던 빌드 도구에 대한 설문은 올해 Gulp가 35%, Grunt가 47%로 집결되는 등 흥미로운 변화를 알 수 있습니다. 자세한건 아래 문서를 참고해주세요

• 2014-survey-summary.pdf

무섭지 않아, Protractor(일본어)

무섭지 않아 Protractor(일본어[구글번역])에는 Protractor라고 하는 E2E 테스트 도구가 어떤 방식으로 WebDriverJS를 사용하여 테스트 하는지 작성돼 있습니다.
테스트 시 Selenium으로 브라우저를 조작하기 때문에 실제 결과를 얻기까지 소요 시간이 있고, assert할 타이밍을 잡기가 어려우며 비동기인 경우 코드가 복잡하게 되기도 쉽습니다. 때문에 WebDriver protocol를 랩핑하는 랩퍼 라이브러리를 만들고, 그 랩퍼 라이브러리를 사용해 직관적으로 테스트를 작성할 수 있는 방법을 고민합니다.

• leadfoot
• testium
• Nightwatch.js

Protactor도 마찬가지로 WebDriverJS라는 WebDriver 랩퍼 라이브러리를 사용하고, ElementFinder라는 개념을 도입하여 편리한 테스트 환경을 제공한다고 합니다. 또 대부분의 메서드는 Promise를 반환하기 때문에 비동기적 처리를 직관적으로 작성할 수 있다고 이야기하고 있습니다.
 

Effective web performance tuning for smartphone(일본어)

Effective web performance tuning for smartphone 슬라이드에는 스마트폰 용 웹 앱의 성능을 개선하기 위해 실천해야할 사항이 소개돼 있습니다. 실제로 어떻게 문제를 발견하고 측정했는지, 또 어떤 지표를 기준으로 개선해 나갔는지 작성돼 있습니다.  성능 개선에 대해 참고할 만한 내용이 많은 슬라이드입니다.
 

릴리즈 소식

• Node v0.10.34 (Stable) : Node v0.10.34가 릴리즈 됐습니다. v0.11.15가 v0.12 RC로 되므로 다음 Stable로는 0.12가 릴리즈될 예정입니다. 루트 인증서 문제로 릴리즈 일정에 조금 차질이 생긴것 같습니다.
  • node v0.10.34 causes untrusted cert errors #8894
  • Node-v0.10.34에 빠진 루트 인증서와 OpenSSL의 함정(일본어[구글번역])
• jQuery 1.11.2 and 2.1.3 Released : jQuery 1.11.2와 2.1.3이 릴리즈됐습니다. iOS7과 8에서의 querySelector 버그가 수정됐습니다.(Workaround)
• Improving the Pointer Events Polyfill : Google으로부터 jQuery Foundation이 PointerEvents의 polyfill의 관리를 이어받았습니다.

읽을거리

• HTML Best Practices : HTML 베스트 프랙티스, HTML 작성법에 대한 좋은 예와 나쁜 예에 대해서 정리돼 있습니다.
• IE10 이상의 환경에서의 JavaScript 체크리스트(일본어[구글번역]) : 모던 브라우저에서 사용할 수 있는 JavaScript, DOM API에 대해서 작성돼 있습니다. 또한 사용하기 어려운 기능도 다루고 있습니다.
• 소셜미디어 로딩은 DNS 프리페치 설정 시 더 유리(일본어[구글번역]) : <link rel=”dms-prefetch” />의 브라우저 지원 현황, 동시에 지정할 수 있는 수에 제한이 없다고 설명하고 있으며, meta 요소를 두는 장소에 대해서도 이야기합니다.
• Maintaining JavaScript Code Quality with ESLint : 직접 규칙을 확장할 수 있는 검증 도구인 ESLint를 소개합니다. 간단한 룰 작성법과 설정 방법 등에 대해 작성돼 있습니다.
• Unit Testing Polymer Elements : Polymer를 사용한 Element 테스트 튜토리얼입니다. Web Components 테스트 시 참고할 수 있을 것 같습니다.
• 나의 JavaScript 정보 수집 방법(일본어[구글번역]) : 자바스크립트와 관련된 정보를 수집하는 방법에 대해 작성돼 있습니다.
• TypeScript-dtsm 소개(일본어[구글번역]) : npm과 비슷한 커맨드 라인 인터페이를 가진 d.ts 관리 도구를 소개합니다.
• React.js + Flux입문 #scripty02 : React, Virtual DOM, Flux(Fluxxor)를 전체적으로 살펴보는 느낌의 슬라이드입니다. React의 기능이나 라이프 사이클, Flux의 흐름 등에 대해 작성돼 있습니다.
• Backbone Conf III 유투브 영상 리스트 : BACKBONECONF III의 영상이 공개됐습니다.

서비스

• Libscore : 전 세계의 사이트에서 어떤 자바스크립트 라이브러리가 얼마나 사용되고 있는지 보여주는 서비스입니다.

라이브러리

• domenic/html-as-custom-elements : HTML 요소를 Custom Element로 구현하는 프로젝트입니다.
• foss-haas/fynx : Flux 기반 아키텍처를 구현한 라이브러리입니다. Ajax를 조작하는 Services라는 개념이 있습니다.

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