localForage 1.0.0 릴리즈
indexedDB와 WebSQL 그리고 localStorage 등을 랩핑하여 간단한 API로 사용할 수 있는 라이브러리인 localForage 1.0.0이 릴리즈됐습니다. localForage는 Promise 기반과 콜백 형식 모두 사용할 수 있으며, 어떤 스토리지를 사용할 것인지 선택할 수도 있습니다. 1.0.0에서는 구 브라우저(파이어폭스 4, 크롬 31 이하) 지원이 종료 됐고, IE에 관한 버그가 수정되는 등 세세한 사항들이 개선 됐습니다. 자세한 사항은 CHANGE.LOG를 참고하세요.
ECMAScript 6 promises (2/2): the API
위 아티클에는 ES6 Promise를 자세하게 설명하고 있습니다. ECMAScript 6 promises 1편에서는 Promise 보단 서론격인 비동기처리에 대한 내용이 주 였습니다만, 2편에서는 대부분 Promise의 기능이나 구조에 대해서 작성돼 있습니다. “Javascript Promise의 책“(일본어[구글번역])과 비슷한 내용이 많지만, Q의 done과 finally 그리고 브라우저의 디버깅 환경에 대해서도 작성돼 있기 때문에 함께 읽으면 도움이 될 것입니다.
React Apps Using Flux and Backbone
위 아티클에는 Flux 아키텍처에 대해서 알기 쉽게 정리 돼 있습니다. Flux와 React를 사용한 기본적인 흐름과 Backbone.js를 어떻게 조합할 수 있는지에 대해서 이야기하고 있습니다. Flux 아키텍처의 Dispatcher > Store > View > … 순의 기초적인 흐름을 알기쉽게 잘 정리하고 있습니다.
주요소식
- Release 0.9.0 · marijnh/acorn : 자바스크리트 파서 acorn 0.9.0이 릴리즈 됐습니다.
- node-browserify/changelog.markdown at 6.0.0 : Browserify 6.0.0이 릴리즈 됐습니다. SourceMap의 파일 경로가 기본 URL에서 상대 경로로 변경됐습니다.
- Release v1.3.0 – UI Improvements · yeoman/yo : yo v1.3.0이 릴리즈 됐습니다. 커멘드 라인 인터페이스가 개선 됐습니다.
- Promises in the Google APIs JavaScript Client Library : Google API의 클라이언트 라이브러리가 Promize/A+ 기반으로 변경됐습니다.
블로그 & 아티클
- MutationObserver 사용법 정리(일본어[구글번역]) : MutationObserver 사용법과 옵션에 대해 정리돼 있습니다.
- Node.js Security Tips : eval, strict mode, sudo를 하지 않음, 쉘을 사용하지 않음, 임시 파일, XSS, HttpOnly, CSP 등 Nodejs의 보안에 대해서 작성돼 있습니다.
- npm 2.0.0 로컬 모듈을 사용하여 require ( ‘../../../’) 피하기(일본어[구글번역]) : npm 2.0.0부터 로컬 경로를 dependency 필드에 지정 가능하므로, 프로젝트에서만 사용하는 로컬 모듈을 내장 모듈을 사용하는 것과 같이 표기가 가능해 다루고 읽기 쉬워졌다고 이야기하고 있습니다.
- Built-in Browser Support for Responsive Images : 반응형 적으로 이미지를 제어할 수 있는 picture 요소의 media query 분기, srcset속성으로 해상도 대응, 대체 이미지 파일 로딩 등에 대해서 이야기합니다.
- 아직도 mechanize로 힘들게? WebDriver로 은행을 스크랩해보자(일본어[구글번역]) : AngularJS를 위한 E2E 테스트 프레임워크인 Protractor를 사용해 인증이 필요한 웹 사이트를 스크랩하는 방법에 대해 소개하고 있습니다.
슬라이드 & 동영상
- A primer on Content Security Policy : XSS가 동작하는 구조, 그 XSS를 방지하기 위한 이스케이프 등을 이야기하고 있습니다.
- React – A JavaScript library for building user interfaces : React의 입문적인 내용을 다루고 있습니다. render, state, component의 라이프 사이클, 테스트에 대해 이야기합니다.
- Ampersand.js – Minimalistic Approach to not so minimalistic Problems : Ampersand.js를 소개합니다.
- ES6: the future is now : ECMAScript 타임라인, ES6의 기능을 소개합니다.
- TypeScript: coding JavaScript without the pain : 타입스크립트의 특징에 대해서 이야기합니다.
- Localize your frontend : jimdo.com의 로컬라이징에 대한 슬라이드. 숫자 포멧 문제와 AngularJS, Closure Library, ECMA i18n API(그리고 polyfill) 등에 이야기합니다.
- Reject.JS 2014 : Reject.JS 2014의 동영상 리스트입니다.
라이브러리
- Steady.js : 스크롤 이벤트를 다루는 라이브러리입니다. onscroll을 throttle하거나, top에서 반응하는 이벤트를 등록하거나, 스크롤을 이용한 처리를 쉽게 할 수 있도록 도와줍니다.
- verb : CAD 할 수 있는 라이브러리 입니다.
- yahoo/gifshot : 여러 장의 사진과 동영상으로 gif를 만들 수 있는 라이브러리 입니다.
- Mozilla Brick : Web Components를 사용한 UI 컴포넌트 라이브러리 입니다.
- shakiba/svgexport : PhantomJS를 사용하여 SVG를 PNG/JPEG/PDF 등으로 변환할 수 있는 커멘드라인 도구입니다.
- SweetAlert : 다이얼로그 UI 라이브러리 입니다.
- viljamis/Molten-Leading : jquery로 구현된 Molten Leading의 Pure Javascript 버전입니다. line-height를 요소의 폭에 맞춰 변경해주는 라이브러리입니다.
신간 도서
- JavaScript Promises Essentials : javascript Promise에 대해 다루고 있는 도서, WinJS의 Promise에 대해서도 작성돼 있습니다.
- Developing a Gulp.js Edge : Stream 기반의 자바스크립트 빌드 시스템인 Gulp에 대해 다루고 있는 도서입니다.
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고, 자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.
0개의 댓글