일본어 문서도 함께 소개해야 해야하는지 고민했지만 최대한 원본을 그대로 번역하여 공유하는게 원작자에 대한 예의인 것 같습니다.
만약 제가 작성한 아티클을 외국 개발자가 한국어 문서만 쏙 빼고 공유하면 씁쓸할 것 같더라구요. 그럼 재미있게 읽어주세요 😀
ESLint 0.7.1 릴리즈
설정 파일을 중심으로 많은 변경됐습니다. 주로 사용성을 위한 변경인 것 같습니다. 또 플러그인을 사용할 때 행으로 소스를 가져올 수 있는 getSourceLines()라고 하는 메서드가 추가 됐습니다. 이 메서드는 캐쉬되어 있어 빠릅니다.
추가 노트 : ESLint는 JSLint, JSHint 처럼 자바스크립트의 코드 품질을 검증하는 도구입니다. 기존 도구와의 가장 큰 차이점은 플러그인 메커니즘을 가지고 있기 때문에 검증 규칙을 간단히 추가할 수 있다는 것입니다. 플러그인을 만들때 소스를 가져와야 할텐데 기존의 getSource() 메서드는 소스 전체를 반환하기 때문에 다시 분할하는 작업을 했었던 것으로 보입니다. 그리하여 행으로 가져올 수 있는 getSourceLines() 메서드가 추가됐고 이미 캐쉬된 소스를 반환하기 때문에 빠르다고 합니다.
Javascript Debugging for Beginners
자바스크립트 초보자를 위한 디버깅 방법을 그림 및 예제와 함께 잘 설명하고 있는 아티클입니다. alert을 사용한 디버깅과 개발자 도구를 사용한 경우를 직접 실행해 보고 테스트해 볼 수 있도록 작성돼 있고 console.log와 대화형을 통한 디버깅 등 다양한 방법을 소개합니다. 크롬 개발자 도구에 대해 자세히 알고 싶다면 Overview – Google Chrome를 보세요.
주요소식
- React | React v0.11 RC : React v0.11 RC가 릴리즈됐습니다. 아무것도 렌더링 하지 않으면 명시적으로 NULL을 반환할 수 있도록 수정됐고, DOM 3 Events에 대한 대응이 개선 됐습니다.(추가 노트 : 페이스북이 오픈 소스한 React는 인터렉티브한 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리 입니다. 최근 자바스크립트 프레임워크가 취하고 있는 Model-Driven View 개념을 기초로 구현되어 있습니다. )
- W3C Highlights – June 2014 : 2014년 상반기의 W3C에 의한 활동에 대해서 정리하고 있습니다. 모바일 전자 책(epub), Test the Web Forward 등 주요 소식을 볼 수 있습니다.
- Ember.js – Ember 1.6.0 and 1.7 Beta Released : Ember.js 1.6.0이 릴리즈 됐습니다. Core Team Meeting Munutes(2014년 2월 14일)에서 선언했듯이 Ember-data에 이어 Ember 자체에도 ES6 모듈을 사용하게 됐습니다.
아티클
- Writing Unit Tests for Exising JavaScript : 이미 존재하는 자바스크립트 코드에 어떻게 테스트 코드를 작성하는지 단계별로 설명하고, 무엇을 테스트하고 하지 않을지에 대해 이야기합니다. 테스트 프레임워크로는 Intern, 테스트 더블로는 Squire.js와 Sinon.js를 사용합니다.
- chai 플러그인을 사용하는 방법과 작성법(일본어): Chai의 커스텀 어설션 작성 방법에 대해서 이야기 합니다.(Chai는 TDD/BDD 어썰션 라이브러리입니다.)
- 코드의 버그는 코드에서 찾자!(일본어) : ESLint 플러그인을 사용해 자신만의 검증 규칙을 작성하는 방법에 대해 이야기합니다.
- Promise를 사용한 순차 처리에서 사용자 입력과의 시점 지정이 가능한 이벤트 루프 작성(일본어) : 사용자 입력 이벤트를 Promise화 하고 순차 처리를 하는 방법에 대해서 이야기합니다. 이벤트의 연속적인 처리는 콜백 구조가 필요하지만 Promise의 경우는 한 줄로 늘여놓는 것만으로 순차 처리를할 수 있습니다.
- 브라우저 스토리지 기술과 사생활 보호 모드(개정판, 일본어) : 브라우저 사생활 보호 모드에서의 스토리지 동작에 대해 이야기합니다.
읽을거리
- WebKit CSS JIT Internals – Constellation Scorpius : Webkit에 구현된 CSS Selector JIT에 대한 슬라이드입니다. CSS Selector의 매칭 처리 방식과 그것을 어떻게 빨리 처리하는지 그리고 매치가 실패했을때의 백트레킹(Backtracking) 효율화에 대해서 이야기합니다. CSS JIT은 IOS8 β3에서 이미 사용하고 있습니다.
- ES6 proxies : ES6에 대한 스크린 캐스트, 기본적인 Proxy API 사용법과 Reflect API를 사용하여 전처리를 유지하는 방법 그리고 set에 proxy를 두어 변경을 감지하는 방법에 대해서 이야기합니다.
- 리팩토링을 위한 테스트(일본어) : 리팩토링을 하더라도 검사가 되지 않는 테스트에 대해 설명합니다.
- Designing Modules for the Browser and Node with Browserify : Browserify를 사용하여 Node.js와 브라우저용 모듈을 만드는 방법에 대해서 설명합니다. browser field를 사용하여 브라우저 전용의 설정을 package.json에 하는 방법도 소개합니다.
서비스
- sindresorhus / awesome-nodejs : 편리한 Node.js 모듈과 Node.js 기반의 도구를 정리하고 있습니다.
라이브러리
- krasimir / gifffer : 클릭하면 GIF가 재생되도록 할 수 있는 자바스크립트 라이브러리입니다.
- andrejewski / seth : 합집합과 교집합 등 비교 메서드가 있는 Set과 같은 기능을 가진 라이브러입니다.
도서
- Amazon : Programming Chrome Apps : Marc Rochkind : 2015년 1월 25일에 발매 예정인 Chrome App에 대한 책입니다.
의견
- 자바스크립트에 IDL 또는 d.ts를 같이 작성하는 문화가 정착 되면 좋겠다(일본어) : 자바스크립트 라이브러리의 인수 정보가 누락된 문서의 문제점과 형식 정의 파일에 대한 이야기입니다.(추가 노트 : d.ts는 DefinitelyTyped의 약자로 타입스크립트의 문법으로 작성된 형식 정의 파일입니다. 이 파일이 있다면 클래스나 메서드 그리고 인자의 타입과 갯수의 정보를 알 수 있습니다. 특히 프론트엔드 IDE인 웹스톰에서는 d.ts를 분석하여 자동 완성이나 형이나 인자 오류등을 서포트 해줍니다. 현재 제법 큰 규모의 커뮤니키가 각종 라이브러리에 대한 d.ts를 작성하고 있습니다.)
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고, 자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.
0개의 댓글