JSer.info #366 - 코드 포맷팅 도구 Prettier 1.10이 릴리스됐습니다.

Prettier 1.10: One Year of Prettier 🎂 · Prettier

Vue Single File Components(.vue)와 Plugin API를 지원합니다.

Plugin API는 Python 지원이나 Prettier 2.0 관련 의논 중 컴포넌트 분리 문제를 고민하는 과정에서 개발됐습니다.

Use a monorepo and separate out Prettier’s components · Issue #3511 · prettier/prettier

현재 이 API를 이용해 Python과 PHP, Swift 포맷팅도 개발 중입니다.

Secure Contexts Everywhere | Mozilla Security Blog에는 차후 Firefox에서 지원하는 새로운 웹 플랫폼 API를 Secure Contexts 에서만 동작하게 하는 정책에 대해서 작성돼 있습니다.

Secure contexts는 간단히 말해 HTTPS/TLS로 전송되고 있는 컨텐츠의 실행 컨텍스트로, window.isSecureContext로 판단할 수 있습니다.

예를들어, 이 사이트는 HTTPS로 전송하고 있으므로 Secure Contexts의 컨텐츠로 판단됩니다.

console.log(location.origin); // => "https://jser.info/"
console.log(window.isSecureContext); // => true

앞으로 Firefox의 새로운 기능(JavaScript, CSS, HTTP, 미디어 포맷 등)을 사용 시 Secure Contexts 환경을 필수로 요구한다는 점에 대해 소개합니다.

Web-exposed means that the feature is observable from a web page or server, whether through JavaScript, CSS, HTTP, media formats, etc. A feature can be anything from an extension of an existing IDL-defined object, a new CSS property, a new HTTP response header, to bigger features such as WebVR.

Secure Contexts 정책에 의한 기능 사용 가능 여부는 @supports나 Feature Detect를 이용할 것을 권장하고 있으며, 이미 릴리스된 기능에 대한 정책 적용에 대해서도 작성돼 있습니다.

Firefox 외의 브라우저 포함 Secure Contexts가 필요한 API는 아래 문서에 정리돼 있습니다.

헤드라인

Release 2.5.0 · qunitjs/qunit

github.com/qunitjs/qunit/releases/tag/2.5.0

JavaScript testing library ReleaseNote

QUnit 2.5.0이 릴리스 됐습니다.
assert.rejects, QUnit.onUnhandledRejection이 추가됐습니다.

Node v9.4.0 (Current) | Node.js

nodejs.org/en/blog/release/v9.4.0/

node.js ReleaseNote

Node v9.4.0이 릴리스 됐습니다.
npm 5.6.0으로 업데이트됐고 zlib 모듈의 ArrayBuffer 지원 등이 이뤄졌습니다.

Release Notes for Safari Technology Preview 47 | WebKit

webkit.org/blog/8060/release-notes-for-safari-technology-preview-47/

safari ReleaseNote

Safari Technology Preview Release 47이 릴리스 됐습니다.
Storage Access API를 시범 지원하고 Service Worker 개선이 이뤄졌습니다. 또, Web Inspector의 Canvas 탭을 기본적으로 활성화합니다.

Proposal: Storage Access API · Issue #3338 · whatwg/html

Prettier 1.10: One Year of Prettier 🎂 · Prettier

prettier.io/blog/2018/01/10/1.10.0.html

JavaScript Tools ReleaseNote

Prettier 1.10이 릴리스 됐습니다.
Vue Single File Components를 지원하며 Prettier Plugin API가 추가됐습니다. 또, 플러그인 기반 Python, PHP, Swift에 대한 포맷팅도 지원합니다.

Announcing Storybook 3.3 – Storybook – Medium

medium.com/storybookjs/announcing-storybook-3-3-9972c4bc87ac

JavaScript testing Tools ReleaseNote

Storybook 3.3이 릴리스 됐습니다.
Angular 프로젝트와 viewport 시뮬레이터를 지원하며 storyshots 테스트가 추가 됐습니다.

Release v0.63.0 · facebook/flow

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

flowtype ReleaseNote

Flow 0.63.0이 릴리스 됐습니다.
Strict mode에서 함수의 인자를 const로 다루도록 변경됐습니다.

Secure Contexts Everywhere | Mozilla Security Blog

blog.mozilla.org/security/2018/01/15/secure-contexts-everywhere/

firefox security news WebPlatformAPI

Firefoxs는 앞으로 새로운 기능(JavaScript, CSS, HTTP, 포맷 등)을 사용할 때 Secure Contexts(HTTPS) 에서만 동작하게 하는 정책에 대해서 작성돼 있습니다.
CSS color keyword와 같이 기존 기능에 새로운 값을 추가하는 변경은 예외로 하는 부분도 소개돼 있습니다.

Release v6.0.0 · epoberezkin/ajv

github.com/epoberezkin/ajv/releases/tag/v6.0.0

JSON JavaScript library ReleaseNote

JSON Schema Validator의 ajv 6.0.0이 릴리스 됐습니다.
JSON Schema Draft-07를 지원합니다.

JSON Schema Draft-07 Release Notes

아티클

But really, what is a JavaScript test? – kentcdodds

blog.kentcdodds.com/but-really-what-is-a-javascript-test-46fe5f3fad77

JavaScript testing article

JavaScript 환경에서의 테스트란 무엇인지 이야기합니다.
if와 throw를 사용한 경우에서 assert를 사용한 경우, 테스트 프레임워크를 사용해 구조화한 경우를 순서대로 살펴볼 수 있습니다.

Introducing Immer: Immutability the easy way – Michel Weststrate – Medium

medium.com/@mweststrate/introducing-immer-immutability-the-easy-way-9d73d8f71cb3

JavaScript library article

Immutable하게 객체를 갱신하는 immer를 소개합니다.
Proxy를 사용해 실제로 변경된 경우에만 객체 자신을 갱신하는 구조를 갖고 있으며 개발 모드에서는 Object.freeze을 사용해 자동으로 모든 데이터 구조를 불변화 시키는 기능도 제공합니다.
Redux의 Reducer와 비슷한 패턴을 Mutable한 API에서 사용합니다.