원문 : https://github.com/senxation/JavaScript-Weekly-Korean/blob/master/korean/145.markdown


특집 기사

Ember.js 1.0 의 전망: 마침내 이번 주에 출시?

만약 당신이 Ember 의 팬이라면 다음주 JavaScript Weekly를 살펴 보세요. 마침내 Ember 1.0 이 릴리즈 됩니다. (8/31). 해당 포스트에서 Ember의 메인 개발자인 Tom Dale이 방대해진 1.0에 다가서기 위해 필요한 모든 것들을 공유합니다.

Yeoman 1.0 출시: 최신 WebApp들을 위한 워크플로우

yo 는 독립적인 스캐폴딩(개발의 기본이 되는 뼈대와 환경을 구축해주는 기술) 툴 입니다. 더 나은 generator 시스템, 성능 향상, 설치 과정의 자동화가 추가 되었습니다. 단지 yo 를 실행하는 것 만으로 새로운 도움말 프롬프트 시스템을 사용할 수 있습니다. (generator를 업데이트 하거나, 설치하거나, 도움말을 찾는 기능을 가집니다.) 예전 버전에 비하여 추가된 부분은 위 링크의 Hightlights를 보시면 됩니다. Addy Osmani가 5분 분량의 발표영상을 통해서 Yeoman의 미래에 대해 공유 합니다.


읽을 거리

ECMAScript 국제화 API

ECMAScript 국제화(Internationalization) API (ECMA-402)가 ECMAScript 5.1이나 그 이후버전에서 동작하도록 설계되었습니다. 이 API는 collation(문자열 비교), 숫자 포맷팅, 그리고 날짜와 시간 포맷팅 같은 로케일-특화 서비스를 제공합니다. 이 글은 해당 API에 대해 소개합니다.

자바스크립트에서 객체 보호하기

자바스크립트에서 객체가 어떻게 보호될 수 있는지에 대해 환기시킵니다. 총 3가지 수준의 보호단계가 있습니다. 확장을 방지하는 가장 약한 수준, 씰링(sealing)은 조금 강한 수준, 그리고 프리징(freezing)은 가장 강한 수준입니다.

문자열이 하위문자열을 포함하는지 확인하기

문자열이 하위문자열을 포함하는지 확인하기위해 String.prototype.indexOf()와 정규 표현식을 사용하는 방법을 설명합니다.

아웃라이닝(Outlining): JIT와 큰 함수를 위한 제2의 해결책

자바스크립트 엔진과 같은 JIT(Just In Time) 컴파일러는 동일한 크기로 조합된 짧은 함수보다 긴 함수를 컴파일하는데 더 많은 시간이 걸립니다. 이 블로그 글은 긴 함수를 쪼개어 컴파일시간을 줄이는 기법인 아웃라이닝(outlining) (인라이닝(inlining)의 반대)에 대해 설명합니다.

클라이언트측 의존성 관리: npm, Bower와 컴포넌트중에 선택하기

자바스크립트의 스코프와 컨텍스트에 대해 이해하기

Ryan Morr는 자바스크립트에서 스코프(지역 변수)와 컨텍스트(this)의 차이와, 그 차이가 왜 여러가지 공통 디자인 패턴에서 중요한지에 대해 설명합니다.

즉시 실행되는 함수 표현식(IIFE) 소개

블록 스코프지정을 시뮬레이션하기위해 공통 자바스크립트 패턴을 설명합니다.

ES6 제네레이터는 Go 스타일의 동시성을 제공합니다

David Nolen은 자바스크립트에서 Go 스타일의 동시성(커뮤니케이팅 시퀀셜 프로세스(Communicating Sequential Processes, CSP)에 기반한)을 제공하기위해 ECMAScript 6의 제네레이터를 사용하는 방법을 보여줍니다.

최신 웹 애플리케이션 디버그하기 Part 1

크롬의 개발자도구를 통해 루비온레일즈 웹 애플리케이션의 클라이언트측 코드를 디버깅하는 방법을 설명합니다. 총 3부중 1부에서는 크롬을 IDE로 사용하고 콘솔을 이용해 마크업과 CSS를 디버깅합니다.

커다란 Backbone 애플리케이션 만들기

웹 컴포넌트 자료들

Eric Bidel은 웹 컴포넌트에 대한 자료들에 대한 페이지를 만들었습니다.

아주 작은 테이블 정렬기 혹은 '자바스크립트로 LINQ를 작성할 수 있습니다’

기본 DOM 조작과 map()이나 sort()같은 배열 메서드를 사용해 HTML 테이블을 정렬하는 방법을 설명합니다.

주목할만한 React

Stoyan Stefanov는 페이스북의 UI라이브러리인 React에 대해 간략하게 소개합니다.

자바스크립트 개발자는 반드시 '진짜' 물건을 만들어야 하나?

자바스크립트를 하드웨어를 프로그래밍하는데 사용하는 최근의 경향에 대한 포괄적인 분석글

이미 존재하는 Backbone.js 프로젝트를 Require.js로 변환하기

Mocha 테스트를 Node의 표준 디버거로 디버깅하기

Yeoman, Grunt와 Bower로 AngularJS 개발 킥스타트하기


동영상

WDCNZ 2013 의 The Loading Point: 얼마나 작은 모듈들이 큰 차이를 만들어낼 수 있는지 (00:45)

Walter Rumsby는 WDCNZ 2013에서 모듈들로 개발하기 위한 YUI, RequireJS, Ext JS, Browserify의 최선의 실천사례와 테크닉에 대해 소개합니다.

WDCNZ 2013 의 Data Driven Delirious: D3.js를 사용한 데이터 시각화 소개 (00:31)

크롬 개발툴 Flame 차트로 자바스크립트 프로세싱 시간 시각화 (02:30)


코드, 라이브러리들과 도구들

jsPDF: 클라이언트측 PDF 생성 솔루션

즉각적인 문서 생성시 사용합니다(티켓, 보고서 등등...). IE6+, 파이어폭스 3+, 크롬, 사파리 3+, 오페라에서 동작합니다.

D3.js 3.3 릴리즈

크롬과 Node.js를 위한 자바스크립트 디버거 'Theseus(테세우스)'

"Theseus"는 Brackets 코드 에디터를 위한 자바스크립트 디버거로 크롬과 Node.js에서 실행되는 자바스크립트를 디버깅이 가능하게 해줍니다. 한 가지 흥미로운 기능은 모아진 디버그 정보를 에디터 내에서 이용 할 수 있다는 점입니다.

Sifter.js: 자동 완성 검색 라이브러리

속성 값을 이용해 배열과 해쉬로 구성된 정보 객체를 텍스트 검색하는 CommonJS 라이브러리입니다. Sifter는 자동완성 기능을 위해 설계되었고 데이터셋 테스트를 위한 커맨드 라인 인터페이스도 제공합니다.

Hopscotch: 웹 페이지 안의 내용 설명을 위한 프레임워크

Hopscotch는 JSON 객체로 투어 정보를 받습니다. 그리고 투어 진행과 화면을 관리할 수 있는 API를 제공합니다. 기능 : 투어 이벤트에 대한 콜백(onNext 등...)를 제공하고 여러 페이지에 걸쳐 사용 할 수 있으며 국제화 지원 등의 다양한 기능을 제공합니다.

웹페이지 내의 내용을 설명하기 위해 요소 사이를 이동하는 것을 'tour'라 칭함.

RequireBin: Node.js 모듈을 이용하여 브라우저 코드를 공유하기

Node.js 모듈을 사용하여 클라이언트측 코드를 공유하고 편집할 수 있는 웹앱니다. 코드는 browserify를 통해 변환되고 Gist에 저장됩니다.

mdn.io: MDN을 위한 간접적인(passive) URL 단축기

웹 서비스의 URL을 모질라 개발 네트워크 사이트로 한정하여 구글링 한 후 첫 번째 검색 결과로 이동시켜 줍니다.mdn.io/defineproperty와 같은 단축 URL 표시를 가능케 해줍니다.

원문의 'passive'라는 의미는 1:1 매칭의 URL 단축서비스가 아닌 url을 구글링하여 검색 결과를 통해 redirect 시켜주는 방식에 대한 의미로서 사용된 듯 합니다.

url-to-screenshot: PhantomJS를 이용하여 웹 페이지의 스크린샷을 캡쳐하기

XHook: XHR 요청과 응답을 가로채고 변경하기

Ajax 요청을 조작 할 수 있게 도와주는 XMLHttpRequest 패치입니다.

JsDebuggr: Sublime Text에서 자바스크립트 브레이크 포인트를 추가하고 제거하기

Backbone.Modal: modal 창을 간편하게 만들수 있게 도와주는 플러그인

wu.js: 자바스크립트에서 지연 함수 프로그래밍을 지원하는 라이브러리

이 라이브러리는 map()과 filter()등에 반복자(iterator)를 적용하여, 지연되어 처리되는('just-in-time') 일련의 요소를 만들 수 있게 해줍니다.

Antycs: 분석 이벤트 수집 관련 코드를 단순화하고 조직화 하기

Hammer.js: 멀티 터치 제스쳐 라이브러리

탭, 더블 탭, 스와이프, 드래그, 핀치 그리고 로테이트 제스쳐를 지원합니다. 각 제스쳐는 이벤트를 발생시킵니다.

Minivents: 아주 작은 자바스크립트 이벤트 라이브러리

Flipload: 로딩 중 화면을 보여주기 위해 HTML 엘리먼트를 뒷면으로 뒤집기


일자리

소프트웨어 엔지니어 @ Turn (실리콘 밸리)

Angular, Node, Bootstrap, Big data, machine learning, 분산 시스템. 여러분이 이런 기술에 관심을 갖고 있고 자바스크립트 실력이 좋다면 턴(Turn)의 프론트 엔드 애플리케이션 팀에서 같이 일하는 것에 대해 이야기를 나눠보고 싶습니다.

웹 디자이너 @ Booking.com (네덜란드 암스테르담)

세계 1위의 숙박 웹사이트인 Booking.com은 세계에서 가장 스마트한 디자이너를 찾고 있습니다. 웹의 무한한 잠재력과 환상적인 HTML & CSS를 만드는 일에 홀딱 빠져 있나요? 수백만명의 사람들에게 도움이 되는 중요하고 거대한 혁신을 직접 만들어보세요.


마지막으로,

더 간단한 배포 방법

레드 게이트(redgate)에서 만든 Deployment Manager 2를 사용하여 컴포넌트와 컴퓨터에 관계 없이 배포하세요. 하나의 프로세스에 SQL 서버 데이터베이스와 .NET 애플리케이션을 함께 제공하세요. 바로 지금 시작하세요.

'JavaScript Weekly번역' 카테고리의 다른 글

JavaScript Weekly 146호  (0) 2013.10.22
JavaScript Weekly 145호  (0) 2013.10.22
JavaScript Weekly 번역  (0) 2013.10.22
by kazikai kazikai 2013.10.22 10:52
| 1 |