JavaScript Weekly #134 - 20130614

원문 : http://javascriptweekly.com/archive/134.html

특집 기사

확장가능한 웹 메니페스토 (The Extensible Web Manifesto)

Brendan Eich와 몇몇 유명한 웹전문가들이 웹플랫폼의 진화를 위한 새로운 접근법을 제시했다. 현재는 표준화에 오랜시간이 걸리고, 표준이 구현된 이후에는 개발자들에게 사용되고 피드백에 의해 반복되는데, Eich외의 전문가들은 안전하고 효과적인 로우레벨 기능들의 기초에 집중할 것을 제안한다. 더 고차원적인 기능들인 자바스크립트로 구현될 것이다.

http://extensiblewebmanifesto.org/ 링크가 죽었네요. 뭔지 살펴보려해도 볼 수가 없는 상황…

JSDB.io: 자바스크립트 라이브러리 목록

자바스크립트 라이브러리를 우아하게 정리해놓은 안내책자. 현재까지 349개의 라이브러리들을 포함한다.

자바스크립트 라이브러리들의 체계화된 모음. github의 watcher의 수, 평균 커밋간 시간, fork수, 최근 100개 커밋의 contributor를 조합하여 rating을 매겨주는 방식도 좋네요. 자세한 설명은 없지만 아마 github에 등록된 라이브러리만 아카이빙하는 듯 합니다.

읽을 거리

복잡한 DOM을 다루는 자바스크립트 리팩토링하기

Jack Franklin이 자바스크립트에서 리팩토링하는 과정을 설명한다. 엉망인 jQuery 코드를 단계별로 개선해 나가는 예를 보여준다.

자바스크립트의 예약어들

Mathias Bynens은 예약어들이 ECMAScript 버전간에 어떻게 변화해왔는지에 대해 살펴본다. ECMAScript 1부터 시작해서 ECMAScript 6까지 다룬다.

AngularJS-배우기: AngularJS를 배우기 위한 자료들

AngularJS를 배우기 위한 수많은 자료들의 링크

4가지 유명한 자바스크립트 라이브러리가 사용하는 함수형 언어의 패턴들

4가지 패턴들과 그 패턴들이 자바스크립트 라이브러리에서 어떻게 사용되고 있는지를 살펴본다.

설정 객체 (Ext JS)
serialization (lunr.js)
promises (PDF.js)
continuations (D3.js)

네이티브 DOM API 알아보기

Nicolas Bevacqua가 일반적인 jQuery 동작을 네이티브 DOM으로 어떻게 수행하는지에 대해 설명한다.

Two.js와 일러스트레이터로 그림을 그리고 애니메이션 적용하기

Brian Rinaldi가 자바스크립트로 그림을 그리고 애니메이션하기 위한 Two.js의 사용법을 설명한다. 일러스트레이터에서 내보내진 SVG파일을 사용한다.

s/Future/Promise/g

Promises(혹은 Deferreds 등등)는 자바스크립트 라이브러리에서 쓰이는 오랜 전통의 비동기 프로그래밍 패턴 중 하나다. Alex Russell은 ECMAScript와 DOM이 이 패턴을 공통으로 지원하려는 듯 보인다는 좋은 소식을 전한다.

CasperJS로 하는 더 간단한 UI 테스팅

PhantomJS는 커맨드 라인에서 실행되어 자바스크립트로 자동화 할 수 있는 머리없는(headless) 웹킷(기본적으로 GUI없는 브라우저)이다. 스크린샷을 뜨거나, 테스트하거나 기타등등의 애플리케이션을 만들 수 있는데, CasperJS는 UI테스트와 기타 다른 작업을 하는데 도움을 주는 PhantomJS를 위한 라이브러리다.

23가지 다른 값들 vs. Underscore.js의 is* 함수들

23가지 일반적인 자바스크립트 값을 Underscore.js 분류 함수(isNumber, isEmpty, isUndefined 등)로 적용한 결과값을 테이블로 보여준다.

Yeoman, Grunt와 Bower로 AngularJS 자동화하기

프로젝트 파일들을 생성하고, 테스트를 실행하고, 기타 등등에 대해 다룬다.

Node.js의 프레임워크 Sails.js의 Data 사용하기

Sails.js는 자유로움과 스마트한 디폴트값에 중점을 둔 새로운 Node.js 프레임워크다. 이 아티클은 복잡한 앱을 쉽게 만들기 위해 Sails가 제공하는 몇가지 데이터 관련 기능들을 살펴본다.

자바스크립트 배열 가지고 놀기

풍자적인 시각으로 살펴본 자바스크립트 배열의 이상한 점들. 배열의 인덱스는 0부터 2의 32승 - 1의 범위에서만 유효하고, 나머지 값은 객체의 프로퍼티 키로 해석된다는 점을 기억하라.

동영상

Ember.js Meetup in NYC, May 2013

jQuery를 Ember로 리팩토링하기 by Luke Melia;
Thinking in Ember: Buffered Proxy by Kristofor Selden;
Ember 애플리케이션 프로토타이핑하기 by Ryan Toronto;

코드와 라이브러리들

Is.js: 문자열을 사전정의된 형식인지 확인

is(‘0-85131-041-9’, ‘isbn’) is(‘1996-12-19T16:39:57-08:00’, ‘datetime’)

문자열 포맷팅 확인 라이브러리로 간단한 api와 신용카드, 전화번호, 우편번호등도 지원한다는 군요. jQuery 플러그인, VanillaJS, Node.js 모듈로 제공된답니다.

Seriously.js: 실시간 웹 비디오 이펙트 합성기

HTML5, 자바스크립트, WebGL 기반으로, 노드기반의 비디오 이펙트 합성을 애프터이펙트나 Nuke와 같은 맥락으로 실행한다. 이펙트들은 실시간으로 렌더링되므로 동적이고 인터랙티브하다. 데모를 확인해 보시길!

jQuery Time Autocomplete: 시간 간격 입력을 위한 jQuery 플러그인

예제 확인

Connectr for Connect (Node.js)

Connect의 상위 레이어로 위치하여 스택이 생성된 이후에 미들웨어를 삽입하거나 제거할 수 있도록 해주는 라이브러리. Connect 스택을 설정하는 코드에 접근관한이 없는 경우(예를 들면, 써드파티 모듈)에 특히 유용하다.

soma.js: 약-결합의 확장가능한 앱을 만들기 위한 가벼운 프레임워크

Case: Detect and Convert The Letter-Casing of A Sequence of Words

camel 케이스, title 케이스 등등의 다양한 글자 표기법들을 탐지하고 변환하는 라이브러리

오… 재밌네요.

picnicc: 쉽게 만드는 커스텀 빌드

작성한 라이브러리를 필요한 부분만 추출할 수 있는 커스텀빌드가 가능하게 해주는 라이브러리.

Galaxy: 콜백과 발생자(generator)의 완벽한 조화

Node.js는 곧 ECMAScript 6 생성자를 지원하는데(0.11.2부터) Galaxy는 이를 이용해 비동기 Node.js 비동기 코드를 동기식으로 작성할 수 있게 해준다.

자세히 한번 봐야겠군요.

Listify: 여러 행들의 그룹을 HTML 목록으로 변경

별로 쓸일은 없을 듯.

Classy.js: 자바스크립트로 상속을 구현하기 위한 매우 작은 프레임워크

Code Problems: 일반적인 면접 문제들을 자바스크립트로 풀어낸 답안!

오~~~ 이런 좋은 라이브러리가…

일자리

WLTM Full-stack JavaScript Developers

You: Node, JavaScript MV*, APIs, Grunt, Travis, GitHub, Open Source. Us: Open Source, 10% time, flexible working, benefits, good pay. Can we get along?

pebble{code}라는 이것저것하는 영국 회사라는데, 정확히 뭐하는 회사인지 모르겠네요.

Web Developer - Roadtrippers (Backbone.js / Rails)

Want to help make road travel planning enjoyable for thousands of people every day? Roadtrippers is solving the fragmented problems of road travel planning. Make it happen with Backbone.js, CoffeeScript, Ruby on Rails, MongoDB and more!

Roadtrippers는 미주 육로 여행(road-trip) 계획 사이트인가보네요. Backbone.js, CoffeeScript, 루비, MongoDB 등등의 기술을 필요로합니다.

Frontend Web Development Mentor at Thinkful (Part-time or full-time)

We’re hiring mentors to work with our students as they learn HTML, CSS, JavaScript, and jQuery. Thinkful mentors may work remotely or from our office, and may apply for full-time or part-time positions. Email daniel@thinkful.com for more information.

Thinkful이라는 코딩 스쿨 회사인데 자바스크립트 강사를 뽑네요.

마지막으로,

Gaslight의 자바스크립트 동영상 강의

Gaslight사의 Backbone.js와 Ember.js를 다루는 동영상 강의. 비교적 저렴하고, 코드 예제는 CoffeeScript를 사용한다(하지만 자바스크립트로 변환가능). 몇개의 미리보기 세션을 제공한다.

아마도 스폰서링크인 듯…

JavaScript Weekly에 대하여

JavaScript Weekly는 자바스크립트 뉴스와 기사들을 다루는 주간 메일링리스트입니다. http://javascriptweekly.com/ 에서 무료로 가입하실 수 있습니다. 앞으로 제 블로그에서 간단한 내용을 한글로 번역해서 올릴 예정입니다. 마음껏 퍼가셔도 상관없지만 출처는 반드시 밝혀주시기 바랍니다.