JSer.info #324 - Angular v4.0.0이 릴리즈됐습니다.

이전에 발표 했듯이 semver에 따른 메이저 버전입니다.
또, Angular는 Time-based Release Cycles도 채택하고 있기 때문에 반년에 한번씩 새로운 버전을 공개해 나갈 예정입니다.

Angular: Versioning and Releasing Angular

Animation 패키지가 코어에서 분리됐으며 컴파일 후의 뷰 코드량이 감소되도록 개선됐습니다. 이어서 TypeScript 2.1/2.2를 대응하고 템플릿의 Source Map 지원 등이 이뤄졌습니다.
또, Angular CLI도 함께 1.0.0으로 업데이트됐습니다.

다음 사이트에서 특정 버전 별 마이그레이션 가이드를 살펴볼 수 있습니다.

Angular Update Guide

CSS Custom Properties in Microsoft Edge - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog에는 Custom Properties에 관해 소개돼 있습니다. MSEdge에서 CSS Custom Properties 지원하게 되면서 공개한 글입니다.

CSS Custom Property의 사용 방법, @support를 사용한 feature detect, JavaScript에서의 조작 방법 등이 작성돼 있습니다.
IE를 제외한 주요 브라우저에서 지원하고 있으니 이번에 한번 네이티브 CSS Custom Properties의 사용 방법을 살펴보는 것도 좋을 것 같습니다.

CSS Variables (Custom Properties) - Can I use...

npm의 Organimation(npm team) 기능을 오픈 소스 프로젝트에서 무료로 이용할 수 있도록 됐습니다.
GitHub의 Organization 처럼, 해당 Team에 사람을 추가할 수 있습니다.
따라서 여러 사람이 같은 Scoped Packages를 참조하기 쉽게 됐습니다.

The npm Blog — announcing free Orgs

지금까지 @azu/hello 처럼 자기 계정에 이은 Scoped Packages는 무료로 다룰수 있었습니다만, 이번에는 Organization도 Public한 범위 내에서 무료로 이용할 수 있도록 됐습니다.

Private한 패키지는 기존과 같이 유료($7 / month 부터)로 이용해야 합니다.

기존의 계정을 Organization로 변경하는 것도 가능하므로 프레임워크 같은 프로젝트는 특정 Scoped Packages로 정리하면 도움이 될 것입니다.

# npm에서 기존 계정을 Orgs로 변환하는 순서

1. 변환하고 싶은 유저로 로그인 뒤 https://t.co/4ntGHilKvU에서 "Upgrade" 버튼을 선택
2. Orgs으로 사용될 새로운 유저 명을 입력(기존 명은 불가능)
3. Orgs을 만들었으면 소속 시키고 싶은 사람을 Team에 추가pic.twitter.com/Vi0GBCW3ew
— azu (@azu_re) 2017年3月23日

(트위터 번역)npm에서 기존 계정을 Orgs로 변환하는 순서

변환하고 싶은 유저로 로그인 뒤 https://t.co/4ntGHilKvU에서 "Upgrade" 버튼을 선택
Orgs으로 사용될 새로운 유저 명을 입력(기존명은 불가)
Orgs을 만들었으면 소속 시키고 싶은 사람을 Team에 추가

헤드라인

moment/CHANGELOG.md at 2.18.0 · moment/moment

github.com/moment/moment/blob/2.18.0/CHANGELOG.md

JavaScript library ReleaseNote

moment 2.18.0이 릴리즈됐습니다.
이번 버전부터 RFC 2822의 파싱과 1-24시를 표현 할 수 있는 k와 kk 포맷을 지원합니다. 또, CJK time format 개선 등이 이뤄졌습니다.

Ember.js - Ember 2.12 and 2.13 Beta Released

emberjs.com/blog/2017/03/19/ember-2-12-released.html

JavaScript library ReleaseNote

Ember 2.12와 2.13β가 릴리즈됐습니다.
factoryFor API가 추가됐고 Ember.K가 비권장됐습니다.

Release 5.25.0 - Announce - discuss.CodeMirror

discuss.codemirror.net/t/release-5-25-0/1175

JavaScript editor library ReleaseNote

CodeMirror 5.25.0이 릴리즈됐습니다.
최초 커밋으로부터 10주년 릴리즈입니다.
contentEditable 관련 수정이 이뤄졌고 lint addon이 Promise를 지원하도록 변경 됐습니다.

Announcing Scala.js 0.6.15 - Scala.js

www.scala-js.org/news/2017/03/21/announcing-scalajs-0.6.15/

scala JavaScript ReleaseNote

Scala.js 0.6.15가 릴리즈됐습니다.
@JSExportStatic 추가됐고 @JSExportTopLevel을 field에 대응해서도 사용할 수 있도록 변경됐습니다. 또 Symbol을 표현하는 js.Symbol 추가 등이 이뤄졌습니다.
마이그레이션 도구인 scalafix도 공개 됐습니다.

scalafix - a Scala rewrite tool

blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html

Chrome ReleaseNote

Chrome 58 Beta가 릴리즈됐습니다.
IndexedDB 2.0과 iframe sandbox에서의 allow-top-navigation-by-user-activation 그리고 display: flow-root을 지원합니다.

Release Notes for Safari Technology Preview 26 | WebKit

webkit.org/blog/7474/release-notes-for-safari-technology-preview-26/

safari ReleaseNote

Safari Technology Preview Release 26이 릴리즈됐습니다.
WebGPU를 실험적으로 지원하며 history.scrollRestoration 속성과 CSS stroke-width 프로퍼티 지원 등이 이뤄졌습니다.

Angular: Angular 4.0.0 Now Available

angularjs.blogspot.com/2017/03/angular-400-now-available.html

AngularJS ReleaseNote

Angular 4가 릴리즈됐습니다.
버전을 맞추기 위해 v3를 건너뛰고 v4를 릴리즈했습니다.
AOT 컴파일 개선에 의해 View의 코드량이 감소되며 TypeScript 2.1/2.2를 대응했습니다. 또, 템플릿의 Source Map을 지원합니다.
Angular CLI 1.0.0도 함께 공개했습니다.

Cyclow

cyclow.js.org/

JavaScript library DOM

Cycle.js 스러운 컴포넌트 프레임워크입니다.

아티클

mnot’s blog: The State of Browser Caching, Revisited

www.mnot.net/blog/2017/03/16/browser-caching

browser HTTP article

각 브라우저의 HTTP 리퀘스트 / 리스폰즈 캐시 구현 상태에 관해 조사한 글입니다.
Status Code 별 캐시, Cache-Control header, Vary header 등과 관련된 내용이 작성돼 있습니다.

Learn Redux by coding a Mini-Redux – Jakob Lind

blog.jakoblind.no/2017/03/13/learn-redux-by-coding-a-mini-redux/

JavaScript redux tutorial article

작은 규모의 Redux를 직접 만들어 보면서 Redux에 관해 학습할 수 있는 글입니다.

Redux · JavaScript Plugin Architecture

ES6 Features - 10 Use Cases for Proxy

dealwithjs.io/es6-features-10-use-cases-for-proxy/

JavaScript proxy article

ES Proxy의 유즈케이스가 소개돼 있습니다.
기본 값, private, enum, observer, cache, in 연산자, 싱글턴, 검증과 revocable proxy, Python like한 Subscription 등 다양한 유즈케이스가 작성돼 있습니다.
또, Proxy를 했을 때의 성능에 관해서도 이야기합니다.