JSer.info #568 - Lighthouse 9.1.0이 릴리스 됐다.
Next.js 용의 Stack Pack을 추가하여 Next.js 애플리케이션에 대한 Audit을 사용할 수 있다.
Storybook 6.4.0이 릴리스 됐다.
Storybook Addon Interactions을 이용하면 Interactions 탭이 추가되며 인터렉션 조작을 시뮬레이션하거나 디버깅이 기능하다.
또, Storybook 용 ESLint 플러그인 storybookjs/eslint-plugin-storybook이 함께 공대 됐다.
Deno에서는 현재 Node.js compability mode을 개발하고 있으며 향후에도 지속적으로 호환성을 높여나갈 방침을 세우고 있다.
지금까지 그리고 앞으로의 Deno JSConf JP 2021(일본어)라는 자료에는 이 Node.js 호환 모드 개발이 왜 진행됐는지에 대해서 다루고 있다. 관심 있는 사람은 함께 살펴보길 바란다.
헤드라인
Release 3.0.0 · emscripten-core/emscripten
github.com/emscripten-core/emscripten/releases/tag/3.0.0
Emscripten 3.0.0 릴리스.
Prettier 2.5: TypeScript 4.5 and MDX v2 comment syntax! · Prettier
prettier.io/blog/2021/11/25/2.5.0.html
Prettier 2.5 릴리스.
TypeScript 4.5 지원, MDX v2의 주석 문법 지원, HTML의 class 속성을 복수행으로 포멧팅 하던 것을 한 줄로 하도록 변경.
Release 8.4 “President Camio” · postcss/postcss
github.com/postcss/postcss/releases/tag/8.4.0
PostCSS 8.4 릴리스.
Warning과 Error에 Range를 지정할 수 있도록 개선, 플러그인이 지정돼 있지 않은 경우에 CSS 파싱 처리를 실제 접근할 때 까지 지연시키도록 변경(Lazy Parsing). 패키지 크기 개선
Release v9.1.0 · GoogleChrome/lighthouse
github.com/GoogleChrome/lighthouse/releases/tag/v9.1.0
Lighthouse v9.1.0 릴리스.
Next.js 용 audit이 추가됐다.
Release 12.0.0 · puppeteer/puppeteer
github.com/puppeteer/puppeteer/releases/tag/v12.0.0
Puppeteer 12.0.0 릴리스.
Chromium 97.0.4692.0으로 업데이트, Firefox에서 userDataDir의 지정을 지원한다.
Release v6.4.0 · storybookjs/storybook
github.com/storybookjs/storybook/releases/tag/v6.4.0
Storybook 6.4.0 릴리스.
Interaction stories, ESLint 플러그인이 추가됐다.
- storybook/addons/interactions at next · storybookjs/storybook
- storybookjs/eslint-plugin-storybook: Official ESLint plugin for Storybook
Release v5.0.0 · chalk/chalk
github.com/chalk/chalk/releases/tag/v5.0.0
Chalk 5.0.0 릴리스.
pure ESM으로 변경, default export에서 named export으로 변경.
keyword() / hsl() / hsv() / hwb() / ansi() 삭제, Template Literal를 chalk-template 패키지로 전환.
berstend/node-safe: 🤠 Make using Node.js safe again with Deno-like permissions
macOS의 sandbox 기능을 이용하여 Deno와 같은 Sandbox 구조를 구현한 Node 실행 도구.
--allow-read, --allow-net 등 허가 리스트를 지정하여 스크립트를 실행할 수 있고 npm / yarn / npx에도 대응하고 있다.
아티클
CI 환경 에서 유닛 테스트의 실행 시간을 두 배 빠르게 개선(Jest + Mongo DB + Circle CI) - 미츠모어 Tech blog(일본어)
engineering.meetsmore.com/entry/2021/01/21/134930
Jest의 유닛 테스트 실행 시간 최적화를 주제로 한 글.
테스트 병렬화, 변경한 파일만 테스트, Worker 단위 DB 초기화, CI에서 캐시하는 방법 등 소개.
Publish ESM and CJS in a single package
antfu.me/posts/publish-esm-and-cjs
CommonJS와 ESM, 듀얼 포멧으로 패키지를 공개하는 방법
package.json의 exports 필드 구분 사용법, tsup과 unbuild의 빌드 방식.
ESM에서는 이용할 수 없는 CommonJS의 __dirname 등을 보완하는 방법 소개.
New – Real-User Monitoring for Amazon CloudWatch | AWS News Blog
aws.amazon.com/jp/blogs/aws/cloudwatch-rum/
CloudWatch에서 RUM(Real-User Monitoring)을 가져올 수 있는 서비스가 릴리스 됐다.
JavaScript 태그를 삽입하는 것으로 Web Vitals 등의 측정 지표 등을 살펴볼 수 있다.
슬라이드, 영상
지금까지 그리고 앞으로의 Deno JSConf JP 2021(일본어)
kt3k.github.io/talk_jsconfjp2021/#1
Deno의 설계와 채택 사례를 주제로 한 슬라이드 자료.
또, 현재 진행하고 있는 Node.js 호환 모드에 대해서도 정리돼 있다.
소프트웨어, 도구, 라이브러리
postcss-rs/postcss-rs: 🚀 Fast and 100% API compatible postcss replacer, built in Rust
github.com/postcss-rs/postcss-rs
Rust로 구현한 PostCSS.
Tamagui — React Native + Web UI kit
React Native와 Web에 대응한 스타일링 라이브러리
Props로 스타일을 전달하는 방식을 채택. 컴파일 시에는 Atomic CSS가 생성되며 컴포넌트에는 클래스 명이 지정된다.
