원문 : 

https://github.com/senxation/JavaScript-Weekly-Korean/blob/master/korean/146.markdown



특집 기사

Ember 1.0 출시

첫번째 커밋 이후에 2.5년이나 지난 인기있는 자바스크립트 웹 어플리케이션 프레임워크 Ember가 1.0을 출시하였습니다. Ember 1.0에서 2.0이 될때 까지 더 이상 큰 변화를 하지 않겠다고 약속했습니다. 1.0을 출시한 Ember의 모든팀을 축하 해주세요

Node Weekly 2호: 생성자, 비동기 패턴, 홈 오토메이션와 그 이상의 것들

Node Weekly를 지난주 뉴스레터에서 출시했습니다. Node Weekly 가 다루고 있는 분야를 확인 해보세요


스폰서기사

Frontend Masters: 이안 존슨(Ian Johnson)이 직접 진행하는 D3.js를 사용한 데이터 시각화 실시간 온라인 워크샵

이번 워크샵에서는 D3의 API를 살펴보고 D3 설계에서 쉽게 알아내기 힘든 부분에 대해 알아볼 것입니다. 표현해야 할 다양한 데이터에 적용할 수 있는 여러 가지 패턴을 살펴볼 예정입니다. 9월 20일 금요일 온라인 생방송을 기대하세요.


읽을 거리

AngularJS 지침서: 최신 웹 앱을 만드는 방법 배우기

AngularJS, Node, Express와 MongoDB를 사용해 완전한 애플리케이션을 만들기위한 대규모의 지침서/가이드

점진적인 향상: Zed는 죽었다

Tom은 "브라우저는 놀라운 인터랙티브 문서 뷰어가 되는것에서 세상에서 가장 진보되고, 널리 배포된 애플리케이션 런타임으로 변모하고 있다"고 언급합니다. 그리고 100% 자바스크립트 애플리케이션을 만드는데 부끄러워할 필요가 없다고 말합니다.

ECMAScript 6 초안 스펙 리비전 18

리비전 18은 리비전 17에 비해 새로운 기술적인 내용은 없지만 완전히 재구성되었습니다. ES6 스펙이 중요하다고 생각한다면, 이 문서에 익숙해지를 원하시겠죠.

ES6 반복자, 제네레이터, 그리고 Iterables

ES6의 반복과 관련된 개념에 대한 용어들에 대한 간단한 가이드문서입니다.

API를 위해 Express.js 사용하기

예제 앱과 함께, Express.js로 RESTful API를 만들고 문서화하기 위한 몇가지 팁과 라이브러리를 공유합니다.

Node.js에서의 ES6

최신 버전의 Node에서 다양한 ECMAScript 6와 Harmony 기능들을 사용하는 방법을 살펴봅니다.

Angular의 방식

Nicolas Bevacqua는 그의 웹 애플리케이션이 "Angular의 방식"으로 처리했을 때 더 개선되었다고 말하면서 AngularJS의 이점을 대부분 이용하는 팁들을 공유합니다.

자바스크립트의 변수와 함수 호이스팅

새로운 자바스크립트 개발자들에게 자바스크립트의 교묘한 점중 하나는, 변수와 함수가 "호이스팅"된다는 사실입니다. 초보자들을 위해 호이스팅이 어떻게 동작하는지 간단하게 살펴봅니다.

5가지 실질적인 예제로 AngularJS 배우기

자바스크립트의 감싸진 고차함수(Nested Higher-Order Functions)

자바스크립트 200줄로 만든 VNC

ES6 스타일 자바스크립트 LINQ

CoffeeScript는 미래가 있을까?

자바스크립트 디버깅에 대한 초보 개발자 가이드


동영상

Ember.js 애플리케이션 제작하기

Ember.js 1.0을 사용하여 블로그 리더 어플리케이션을 제작하는 과정을 담은 27여분의 영상입니다.

Bower에 대한 간단한 소개

자바스크립트 라이브러리들의 디펜던시 관리와 패키징을 해주는데 유명한 Bower의 간단한 소개입니다. Egghead.io 개발자 John이 3분의 짧은 영상에 담았습니다.

QUnit을 이용한 동기/비동기 자바스크립트 콜백 테스트 하기

자바스크립트 단위 테스트 프레임워크인 QUnit을 이용하여 자바스크립트 콜백 테스트를 하는 밥업에 대한 영상 입니다. 약 5분의 영상입니다.


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

jquery-textcomplete: Textarea를 위한 자동완성

GitHub의 코멘트 폼과 같이 textarea 필드에서 사용할 수 있는 자동완성 기술입니다.

스탠포드 자바스크립트 암호 라이브러리

자바스크립트에서 암호 작성시 안전하고 강력하며 빠르고 사용하기도 쉬운 크로스 브라우저 지원 라이브러리를 만드는 프로젝트입니다.

parse5: Node를 위한 빠르고 완전한 기능을 갖춘 HTML5 파서

WHATWG HTML5 스펙을 기반으로 하며, Node Weekly에도 소개되었습니다.

xdomain: 순수 자바스크립트를 이용한 CORS의 대안

Cleaver: 해커를 위한 30초 슬라이드쇼

마크다운으로 만드는 깔끔하고 빠르며 훌륭한 슬라이드덱입니다.

dna.js Template Cloner: jQuery를 위한 DOM 템플릿 엔진

JSON 객체 형식의 데이터에서 DOM 엘리먼트를 동적으로 만들어 주는 자바스크립트 템플릿 엔진입니다.

LeapTrainer.js: Leap Motion을 위한 제스쳐를 학습하고 인식시키는 프레임워크

Fortune.js: 리치 하이퍼미디어 API 프로토타이핑을 위한 웹 프레임워크

Histogram.js: 배열 정보의 빈도수 정렬


일자리

Backbase에서 근무할 시니어 프론트엔드 웹 개발자 @ 네덜란드, 암스테르담

Backbase는 암스테르담에 본사를 둔 국제적으로 빠르게 성장하고 있는 포털 소프트웨어 판매사입니다. 암스테르담의 팀에서 근무할 시니어 프론트엔드 웹 개발자를 찾고 있습니다. 자바스크립트, CSS, HTML5을 능숙하게 사용할 수 있나요? Backbase로 오세요.

소프트웨어 개발자 (자바스크립트 또는 자바) - 연구/개발직 @ 오스트리아 비엔나

젊고 여러 분야의 인력들로 구성된 팀에서 수상 경력이 있는 연구 프로젝트에 참여하세요. 풀타임/파트타임 근무 가능하며 시각적 분석, 웹 인텔리전스, 공동 지식 창출에 집중할 혁신적인 자바(스크립트) 개발자에 지원할 박사 과정 지원자를 찾습니다.

OrderGroove에서 근무할 자바스크립트 제다이 (프론트엔드 기술 리더) @ 뉴욕주, 뉴욕시

OrderGroove는 구독방식의 e커머스 혁명을 주도하고 있습니다. 우리는 애자일 팀으로 세계 최대의 브랜드를 판매하고 수백만 사용자의 삶을 변화시킬 우리의 구독 방식 소매 플랫폼을 만들 수 있는 '포스'를 지니고 있는 월드클래스의 JS 해커를 찾고 있습니다.


마지막으로,

무료 e북: 더 빠른 ASP.NET 애플리케이션의 25가지 비밀

여러분의 ASP.NET 애플리케이션의 속도를 개선하길 원하시나요? 개발 커뮤니티와 ASP.NET MVP로부터 여러분이 만든 웹 애플리케이션의 최대 성능을 이끌어낼 수 있는 25가지 팁을 추려 Red Gate사의 새로운 e북에 담았습니다. 무료 e북을 다운로드 하세요.

console.logtro: 세계 최초의 console.log 데모

자바스크립트 콘솔에서 실행되는 작은 컴퓨터 아트 스타일의 데모입니다.

'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:54

원문 : 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

일주일에 한회씩 나오는 JavaScript Weekly  : http://javascriptweekly.com/


같은팀에 근무중인 분이 번역을 진행 해오고 계신데 . 145호 부터는 나도 작지만 참여 하게 되었다. 


(특집기사 / 동영상 부분)


내가 맡은 부분이 분량이 작지만 매주 일정하게 진행해야 하기때문에 (때론 밀리면 1주에 2회분씩 )

으의로 일정 지키기가 쉽지 않다 ㅎㅎ 


참여한 145호 부터는 내블로그에도 공유 하도록 해야겠다. 


같이 작업하는 문서는 https://github.com/senxation/JavaScript-Weekly-Korean/

위 링크의 korean부분을 확인하면 된다. 



'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:49
| 1 |