JSer.info #275 - JavaScript 코드 스타일 검증 도구인 JSCS 3.0이 릴리즈됐습니다.

Release 3.0.0 · jscs-dev/node-jscs

플러그인 개발에 영향(비호환성)이 있는 변경 사항이 있고, 그 외에 yandex preset의 삭제, 규칙의 추가 등이 이뤄졌습니다.

또, JSCS는 3.x으로 신규 개발을 종료하고, JSCS 팀은 ESLint에 합류하게 됐습니다.

향후 삼개월을 목표로 JSCS의 버그 수정 등도 종료하고, 그 사이에 ESLint에 JSCS 호환 및 이전 지원을 준비해나갈 예정이라고 합니다.
(때문에, JSCS에서 ESLint로 이전이 어느정도 완료되는 시점은 천천히 기다리는 편이 좋을 것 같습니다)

JSCS 팀이 ESLint에 합류한 이유로는 커뮤니티/Issue의 관리 비용이나 CST 개발에 좀더 집중하고 싶었다고 말하고 있습니다.

JSCS, CST и новое начало / Хабрахабр

또, 같은 문제를 해결하는 도구이기도 하고 ESLint가 향후 AutoFix 기능을 개선하고자 하는 것도 하나의 이유일 것 같습니다.

Fixing autofix · Issue #5329 · eslint/eslint

How to work with SVG icons에는 SVG 아이콘에 관해 꽤 자세하게 설명돼 있습니다.

SVG sprite의 구조와 만드는 법, 브라우저 간의 동작 차이, CSS에서 SVG의 스타일을 변경하는 방법 등 실용적인 내용이 작성돼 있어서 재미있습니다.
또, 인라인 SVG와 외부 리소스 SVG의 동작 차이나 브라우저의 동작 방식의 문제 등 실제로 사용하면 겪게되는 부분도 다루고 있습니다.

헤드라인

Release Notes for Safari Technology Preview 2 | WebKit

webkit.org/blog/6098/release-notes-for-safari-technology-preview-release-2/

safari ReleaseNote

Safari Technology Preview 2가 릴리즈됐습니다.
String#padStart/String#padEnd가 추가됐고, for (var i = 20 in b){ } 문법 사용 시 에러가 발생합니다.
CSS media query에서 color-gamut을 대응하고, TP1에서 잘못 공개한 Fetch API를 기본적으로 Disabled 시켰습니다. 또, Web Inspector도 개선됐습니다.

ESLint v2.8.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/04/eslint-v2.8.0-released

JavaScript Tools ReleaseNote

ESLint v2.8.0이 릴리즈됐습니다.

ESLint v2.8.0 - Qiita

Release 3.0.0 · jscs-dev/node-jscs

github.com/jscs-dev/node-jscs/releases/tag/v3.0.0

JavaScript Tools ReleaseNote

JSCS 3.0.0이 릴리즈됐습니다.

Jest 11.0 · Jest

facebook.github.io/jest/blog/2016/04/12/jest-11.html

testing library ReleaseNote

Jest 11.0이 릴리즈됐습니다.
0.10에서 11.0로의 메이저 업데이트입니다.

Release v0.23.0 · facebook/flow

github.com/facebook/flow/releases/tag/v0.23.0

flowtype ReleaseNote

Flow v0.23.0이 릴리즈됐습니다.
flow init로.flowconfig을 만들때 사용할 수 있는 옵션이 추가됐, .flowconfig 파일에 주석을 작성할 수 있게 되는 등 여러가지 변경 사항이 있습니다.

아티클

Welcoming JSCS To ESLint - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/04/welcoming-jscs-to-eslint

JavaScript Tools ESLint

JSCS 3.0.0로 신규 개발을 종료하고 3개월을 목표로 지원도 종료한다고 합니다.
JSCS팀은 ESLint에 합류하고 ESLint의 Autofix를 위해 필요한 CST 개발에 집중합니다.
ESLint 측은 JSCS를 이전/호환 지원을 예정하고 있습니다.

How to work with SVG icons

fvsch.com/code/svg-icons/how-to/

SVG 사진

SVG 아이콘에 관해 실용적으로 소개하고 있습니다.
CSS 스프라이트 처럼 SVG 스프라이트를 만드는 방법, 인라인 SVG와 외부 SVG를 로드하는 차이와 대응 브라우저 및 polyfill 등에 관해 작성돼 있습니다.
또, CSS로 SVG 스타일을 변경하는 방법이나 Safari의 문제 등 꽤 자세하게 작성돼 있습니다.