JSer.info #331 - PostCSS 6.0이 릴리즈됐습니다.
Node.js 0.12 지원 종료되며 @apply를 지원합니다. 그리고 API의 수정 및 개선 이뤄졌으며 파서를 재작성하여 메모리 소비량을 개선했습니다.
또, @apply는 사양제안자에 의한 갱신이 더이상 이뤄지지 않고 있습니다. 사실 상 버려졌기 때문에 이와 관련된 PostCSS의 대응은 아래 이슈에서 논의되고 있습니다.
모듈 번들러인 FuseBox 2.0이 릴리즈됐습니다.
fuse.run()으로 처리가 시작되도록 Configuration API가 변경됐습니다.
또, 메서드 체인으로 API를 작성할 수 있고 Code Splitting API와 CSS Modules 등의 플러그인이 추가됐으며 공식 문서 사이트가 리뉴얼됐습니다.
An Overview of JavaScript Testing in 2017 – powtoon-engineering – Medium에는 JavaScript 테스트 도구에 관해 작성돼 있습니다.
Unit Tests / Integration Tests / Functional Tests라는 테스트 분류 시점에서 각 도구를 소개하고 함께 보면 좋을 여러 글이 정리돼 있습니다.
테스트 관련 여러 도구에 관해서 간결하게 정리돼 있으니 관심 있는 분은 살펴보시길 바랍니다.
헤드라인
Nest FINAL release is here! Node.js framework built on top of TypeScript | Kamil Mysliwiec
kamilmysliwiec.com/nest-final-release-is-here-node-js-framework-built-top-of-typescript/
Node.js의 서버 프레임워크 Nest.js를 소개하는 글입니다.
Release v0.46.0 · facebook/flow
github.com/facebook/flow/releases/tag/v0.46.0
Flow v0.46.0이 릴리즈됐습니다.
strict arity check가 실험적으로 구현됐습니다.
experimental.strict_call_arity=true
Release 6.0 “Marquis Orias” · postcss/postcss
github.com/postcss/postcss/releases/tag/6.0.0
PostCSS 6.0이 릴리즈됐습니다.
Node.js 0.12 지원 종료되며 @apply를 지원합니다. 그리고 API의 수정 및 개선 이뤄졌습니다. 또, 파서를 재작성하여 메모리 소비량을 개선했습니다.
JQuery Mobile 1.5.0-alpha.1 Released | jQuery Mobile
blog.jquerymobile.com/2017/05/11/jquery-mobile-1-5-0-alpha-1-released/
JQuery Mobile 1.5.0-alpha.1이 릴리즈됐습니다.
controlgroup과 checkboxradio 위젯이 추가됐으며 기존 위젯의 성능이 개선됐습니다. npm을 정식으로 지원하고 jQuery 3.x를 지원합니다. 또, IE10 이하 / Android 4.0 이하 버전의 지원을 종료했습니다.
아티클
Refer to the spec: What is all that stuff at the top of the spec?
CSS의 사양 문서를 읽는 방법에 대해 소개하는 글입니다.
ES6 Modules in Chrome Canary (M60+) – Dev Channel – Medium
medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7
ES modules에 관해 소개하는 글입니다. nonmobule 속성과 rollup을 사용해 modules를 지원하는 브라우저와 미지원하는 브라우저를 분기해 배포하는 방법에 대해 작성돼 있습니다.
The :focus-within pseudo class | Ian Devlin
www.iandevlin.com/blog/2017/04/css/the-focus-within-pseudo-class
:focus-within 의사 클래스가 소개돼 있습니다.
FuseBox 2.0 — The beast reborn – fusebox – Medium
medium.com/fusebox/fusebox-2-0-the-beast-reborn-e4ec0443b782
FuseBox 2.0이 릴리즈됐습니다.
Configuration API가 변경으며 메서드 체인으로 API를 작성할 수 있도록 됐고 Code Splitting API와 플러그인이 추가됐으며 공식 문서 사이트가 리뉴얼됐습니다.
Idiomatic Redux · Mark's Dev Blog
blog.isquaredsoftware.com/series/idiomatic-redux/
Redux 패턴에 관해 자세히 설명돼 있는 연재 글입니다.
An Overview of JavaScript Testing in 2017 – powtoon-engineering – Medium
medium.com/powtoon-engineering/a-complete-guide-to-testing-javascript-in-2017-a217b4cd5a2a
JavaScript의 테스트 도구가 정리 및 소개돼 있는 글입니다.
Unit Tests / Integration Tests / Functional Tests라는 테스트 분류와 각 테스트 도구 별 개요가 소개돼 있습니다.
업무에서 WebRTC(일본어)
gist.github.com/voluntas/379e48807635ed18ebdbcedd5f3beefa
WebRTC를 업무 환경에서 사용할 때 클라이언트와 서버의 환경을 어떻게 구성하고 무엇이 필요한지 정리돼 있는 가이드라인 문서입니다.
저스트 인 타임 (JIT) 컴파일의 단기 집중 코스 | Mozilla Developer Street (modest)(일본어)
JavaScript의 JIT 컴파일의 구조에 관해 이해하기 쉽게 설명돼 있는 글입니다. 무엇을 어떻게 어떤 타이밍에 최적화 하는지 작성돼 있습니다.
슬라이드, 영상
Testing Made Easy: Better, Faster, Stronger Unit Tests and Integration Tests - Sessions by Pusher
JavaScript의 테스트에 관해 이야기하는 영상입니다.
Jest나 Cypress, StoryBook 등의 유닛 테스트 / E2E 테스트에 관해 이야기합니다.
Profiling Paint Perf 🔎 🎨 - YouTube
www.youtube.com/watch?v=Wfxm56ttAmE
element.left를 이용해 스타일을 변경할 때에 프레임 내 불필요한 렌더링 처리가 발생하고 있는 것을 개선해 나가는 방법을 이야기하는 스크린케스트입니다.
CSS Triggers를 참고하여 transform으로 개선할 수 있는 것을 파악하고 수정하는 흐름으로 정리돼 있습니다.
JSConf EU 2017 [More videos added daily] - YouTube
www.youtube.com/watch?v=NpKLt_YO3o8&list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_
JSConf EU 2017의 발표 영상이 공개됐습니다.
What's new in ChakraCore | Build 2017 | Channel 9
channel9.msdn.com/Events/Build/2017/P4103
ChakraCore의 최근 변경 사항에 관해 정리 및 발표한 영상입니다.
소프트웨어, 도구, 라이브러리
hshoff/vx: react + d3 = vx | visualization components
React + D3.js로 개발한 비쥬얼라이즈 컴포넌트 라이브러리입니다.
WebReflection/introspected: Introspection for serializable arrays and JSON friendly objects.
github.com/WebReflection/introspected
Proxy나 Symbol.toPrimitive를 사용해 객체의 변경을 감지하고 Null Propagation 적인 기능을 갖는 랩퍼 라이브러입니다.
도서
제대로 알자! JavaScript 마지막 입문 | 오오츠 신 | 책 | 통신판매 | Amazon(일본어)
2017년 6월 7일 출간 예정인 JavaScript 입문서입니다.
