Autoprefixer 3.0이 릴리즈 됐습니다.

Autoprefixer는 CSS 코드에 vendor prefix를 추가할 수 있는 포스트프로세서(postprocessor, 후처리기) 입니다. Less, Sass 등을 프리프로세서(preprocessor, 전처리기)라고 부르는 반면 전처리된 CSS 코드를 처리하는 도구를 PostCSS 라는 장르로 분류하고 포스트프로세스라 부르고있습니다.
Autoprefixer 3.0에서는 CoffeeScript로 작성한 기존 코드를 Ecma6 기반으로 재작성했습니다. 따라서 코드에서 사용하는 API도 변경됐습니다.
 

Advanced objects in JavaScript

이 아티클에서는 자바스크립트 객체에 대해 자세히 소개하고 있습니다. 간단한 프로토타입(Prototype)부터 getter/setter와 definePrototype을 사용한 getter/setter 그리고 PropertyDescriptor를 단계별로 작성돼 있습니다. 또한  alternative new의 대안으로써의 Object.create, valueOf와 toString에 대한 내용과 최신 ES6의 Proxy와 Symbol(여기가 아티클의 주제 같습니다.)에 대해서도 이야기합니다. 폭넓은 내용이므로 내용이 조금 길지만 예제 코드도 많기 때문에 이해하기 어렵지 않을 것 입니다.

 

Duo

Duo라고 하는 component의 다음을 잇는(component/component에서도 Duo 사용을 권고) 패키지 관리 도구가 공개됐습니다. 아직 막 공개된 시점이기 때문에 동작의 안정성이 떨어지고 문서가 부족하기 때문에 아직 사용하거나 평가할 단계는 아닌 것 같습니다. Go 언어 처럼 require(‘matthewmueller/uid’) 라고 지정하는 것으로 직접 Github 저장소에서 패키지를 검색하는 기능이 새롭게 추가 됐습니다.(component.json 규칙을 따르면 component에서도 그대로 사용할 수 있습니다.)
 

주요소식

 

아티클

 

서비스

 

라이브러리

  • slap-editor/slap : 터미널 상에서 동작하는 node.js 기반의 텍스트 편집기입니다. SublimeText 스러운 파일 목록과 마우스 , 키 바인딩 등을 대응하고 있으며 그대로 사용할 수 있는 수준입니다.
  • normalize.io – an ES6 module, Web Component, and SPDY/HTTP2 Push frontend development worfklow : ES6 moudle/HTML Import/CSS import를 사용하여 import 한것을 빌드할 수 있는 패키지 관리 도구입니다. npm, URL, components 등에 대응하고 있으며 패키지를 URL로 지정한다는 원칙을 가지고 있습니다.
  • styledown/styledown : CSS 스타일 가이드 생성기입니다. 코멘트에 마크다운을 작성하여 스타일 가이드를 생성할 수 있습니다.
  • hail2u/node-csswring : CSS에 공백을 제거하거나 재작성하여 압축하는 도구입니다. SourceMap에 대응하고 있습니다.
  • soliton4/nodeMirror : node.js + CodeMirror 브라우저에서 동작하는 IDE 입니다. 로컬 서버를 만들어서 브라우저에서 사용합니다. hex나 html 등을 에디팅할 수 있습니다.
  • joyent/node-vstream : node stream을 랩핑하여 데이터를 덤프하거나 체크 등의 기능을 하는 모듈입니다.
  • browserify-loader : requrejs처럼 main 속성에서 로드할 것을 지정하여 사용하는 로더 라이브러리입니다.

 
JSer.info를 번역하여 공유드리고 있습니다.
JSer.info는 JavaScript Weekly, Badass JavaScript, JsMag, A Minute With Brendan, The Changelog를 참고,  자바스크립트의 주요 소식을 공유하는 사이트입니다.
감사합니다.

카테고리: Research

UYEONG

사케와 힙합을 즐길 줄 아는 프론트엔드 개발자입니다.

0개의 댓글

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다