JSer.info #371 - Ember.js 3.0이 릴리스됐습니다.
스크립트 탭 기반에서 Ember CLI 기반으로 프로젝트 방향을 변경했습니다.
3.0부터 스크립트 탭 용 빌드 버전을 공개하지 않습니다.
이는 Glimmer.js 처럼 AOT 컴파일 최적화를 고려하고 빌드 프로세스를 포함해 기본적으로 Ember CLI를 경유하는 것을 의미합니다.
이어 Ember.js 2.x에서 비권장된 API가 삭제됐습니다.
또, 2.x에서 3.x으로 이전을 위한 보조 도구도 함께 공개됐습니다.
JavaScript 용 기게 학습 라이브러리 Propel ML이 공개됐습니다.
Propel ML는 브라우저, Node.js 양쪽 환경에서 동작하도록 설계된 라이브러리입니다.
브라우저에서는 deeplearn.js를 이용하고 Node.js에서는 TensorFlow의 C API를 이용합니다.
또, Propel Notebook에서 시험해볼 수 있고 autograd와 같은 API도 지원합니다.
이 라이브러리는 Node.js 개발자인 Ryan Dahl과 Bert Belder에 의해 개발되고 있습니다.
헤드라인
Ember.js - Ember 3.0 Released
emberjs.com/blog/2018/02/14/ember-3-0-released.html
Ember 3.0이 릴리스됐습니다.
Ember Data, Ember CLI도 3.0에 맞춰 함께 변경됐습니다.
Tell EJ: Echo JS, a status update - Echo JS
echojs가 재개 됐습니다.
normalize.css/CHANGELOG.md at 8.0.0 · necolas/normalize.css
github.com/necolas/normalize.css/blob/8.0.0/CHANGELOG.md
normalize.css 8.0.0이 릴리스됐습니다.
Android 4, Safari 7, IE 9 지원이 종료됐습니다.
WebAssembly First Public Working Drafts | W3C News
www.w3.org/blog/news/archives/6838
WebAssembly의 First Public Working Drafts가 공개됐습니다.
axios/CHANGELOG.md at v0.18.0 · axios/axios
github.com/axios/axios/blob/v0.18.0/CHANGELOG.md
axios 0.18.0이 릴리스됐습니다.
Node.js에서 Unix Socket을 지원하고 타입 정의가 수정됐습니다.
아티클
Service Worker 스크립트 설치와 갱신 처리(일본어)
nhiroki.jp/2018/02/15/service-worker-install-and-update-scripts
Service Worker 스크립트의 설치와 갱신 로직과 캐시에 관해 정리된 글입니다.
updateViaCache에서 캐시를 사용할지 설정, 24 시간 이상 경과한 경우 반드시 서버에 업데이트를 확인하는 로직 등 몇 가지 기법이 정리돼 있습니다.
Creating and Publishing Web Components with Stencil
www.twilio.com/blog/2018/02/creating-and-publishing-web-components-with-stencil.html
stencil을 사용해 개발한 Web Components를 npm에 배포하는 과정을 담은 튜토리얼입니다.
lit-html과 ShadyCSS - jmblog.jp(일본어)
jmblog.jp/posts/2018-02-15/lit-html-with-shadycss/
lit-html의 0ShandyCSS 지원에 대해 정리된 글입니다.
lit-html+ShandyCSS을 이용해 스타일을 캡슐화 하는 방법에 대해 이야기합니다.
“Web Components 만으로” 새로운 서비스를 구현해 본 일 - Qiita(일본어)
qiita.com/aggre/items/9d77085a32764ffe994d
lit-html 사용한 Web Components 웹 서비스 개발에 대해 정리돼 있습니다.
Custom Element를 widget으로 이용하는 방법에 대해 이야기합니다.
TypeScript의 타입 입문 - Qiita(일본어)
qiita.com/uhyo/items/e2fdef2d3236b9bfe74a
TyepScript 타입 정의에 대해 정리돼 있는 글입니다.
기본적인 원시, 객체 함수 등의 타입 선언 방법이나 의미, 특수한 타입의 정의 등에 대해 설명하고 있습니다.
ZEIT – Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones
Next.js 5.0이 릴리스됐습니다.
Universal Webpack, CSS나 preact, TypeScript 등을 옵트인으로 지원하는 플러그인 도구 도입, 빌드 속도 최적화 등이 이뤄졌습니다.
Replacing jQuery With Vue.js: No Build Step Necessary — Smashing Magazine
www.smashingmagazine.com/2018/02/jquery-vue-javascript/
jQuery로 작성된 단순함 폼을 Vue로 전환하는 튜토리얼입니다.
jQuery와 Vue의 방식을 각각 소개하며 이전하는 방법을 소개합니다.
슬라이드, 영상
Micro-benchmarking is Hard (Inside Frontend 2, 2018 Feb) - Google 슬라이드
docs.google.com/presentation/d/1MXlFGqFQFJByv8k6Ege0pt0GwJQqbjoh7GdIYia9UQg/edit#slide=id.p
마이크로 벤치마킹의 어려움에 대해 이야기하는 슬라이드입니다.
사이트, 서비스, 문서
GoogleChromeLabs/webpack-libs-optimizations: Using a library in your webpack project? Here’s how to optimize it
github.com/GoogleChromeLabs/webpack-libs-optimizations
webpack을 사용한 프로젝트의 최적화 기법이 정리돼 있는 저장소입니다.
불필요한 의존을 제거해 파일 사이즈를 줄이는 방법이나 대체 수단, 이전 방법 등에 대해 작성돼 있습니다.
photonstorm/phaser: Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
phaser 3.0.0이 릴리스됐습니다.
webpack-contrib/webpack-stylish: A stylish, optionated reporter for webpack
github.com/webpack-contrib/webpack-stylish
webpack의 빌드 결과를 stylish 형식으로 출력하는 라이브러리입니다.
소프트웨어, 도구, 라이브러리
Propel ML
numpy 스러운 GPU 백엔드를 제공하는 라이브러리입니다.
브라우저와 Node.js 환경 모두 동작합니다.
Ryan Dahl과 Bert Belder가 개발하고 있습니다.
busterc/nvx: Run commands on multiple node versions as specified from .travis.yml, circle.yml or arguments; uses npx and is ideal for testing.
Node.js의 버전을 지정해 커맨드를 실행할 수 있는 도구입니다.
npm에 공개돼 있는 Node.js 바이너리를 npx 환경에 실행합니다.
egoist/franxx: A vanilla JavaScript router that works everywhere.
특정 프레임워크에 의존하지 않는 순수한 라우터 라이브러리입니다.
Blotter.js
텍스트에 효과를 줄 수 있는 라이브러리입니다.
