JSer.info #591 - Node.js 18.1.0이 릴리스됐다.
Fetch가 구현됐으므로 WebAssembly.compileStreaming()와 WebAssembly.instantiateStreaming()도 이어 구현됐다.
또, node:test 기반 테스트를 실행할 수 있는 node --test 플래그가 추가됐다.
State of CSS 2022에는 모던 브라우저에 구현된 2022년에 사용할 수 있는 기능과 현재 책정 및 구현 중인 기능이 정리돼 있다.
CSS Layers, CSS Subgrid, @container, @scope, @nest 등 꽤 다양한 기능을 소개하고 있다.
아래 글과 영상에서는 Chrome 102부터 도입되는 Performance insights라는 새로운 개발자 도구를 소개하고 있다.
- Performance insights: Get actionable insights on your website's performance - Chrome Developers
- Performance insights panel | DevTools Tips - YouTube
현재 Performance 탭은 정보량이 너무 많아 활용하기 힘들기 때문에 이러한 정보를 알기 쉽게 정리하여 표시하거나 Lighthouse와 같이 수정 방법을 피드백하는데 집중한 새로운 패널 기능이다.
헤드라인
Node v18.1.0 (Current) | Node.js
nodejs.org/en/blog/release/v18.1.0/
Node.js 18.1.0 릴리스.
WebAssembly.compileStreaming()과 WebAssembly.instantiateStreaming() 구현.
node:test를 사용한 테스트 코드를 실행할 수 있는 node --test 플래그 추가.
Announcement: Passing the torch · Issue #3121 · lerna/lerna
github.com/lerna/lerna/issues/3121
lerna의 메인터넌스는 Nx를 개발하고 있는 Nrwl가 인계한다고 알렸다.
Babylon.js 5.0: Beyond the Stars. Our mission is to create one of the… | by Babylon.js | May, 2022 | Medium
babylonjs.medium.com/babylon-js-5-0-beyond-the-stars-2d11d4c3d07
Babylon.js 5.0 릴리스.
WebGPU 지원, Animation Curve Editor 지원, Performance Profiler 개편, GUI Editor 베타 지원.
WinterCG
서버나 CDN Edge Runtime API 표준화를 위한 워킹 그룹.
Deno, Cloudflare, Vercel, Node.js가 참가하고 있다.
- A Community Group for Web-interoperable JavaScript runtimes
- Announcing the Web-interoperable Runtimes Community Group
Release 14.0.0 · puppeteer/puppeteer
github.com/puppeteer/puppeteer/releases/tag/v14.0.0
Puppeteer v14.0.0 릴리스.
Node.js 12 지원 종료.
M1 Mac 용의 Chromium을 다운로드 하는 PUPPETEER_EXPERIMENTAL_CHROMIUM_MAC_ARM=1 플래그 추가, ESM 지원 등.
Release v1.22.19 · yarnpkg/yarn
github.com/yarnpkg/yarn/releases/tag/v1.22.19
yarn v1.22.19 릴리스.
npm의 WebAuthn와의 호환성 수정.
wrangler 2.0 — a new developer experience for Cloudflare Workers
blog.cloudflare.com/wrangler-v2-beta/
Cloudflare Workers의 CLI 도구인 wrangler 2.0 릴리스.
wrangler.toml 성정 파일 없이도 동작하도록 개선, --local로 miniflare를 사용하여 로컬 환경에서 애뮬레이터 실행할 수 있도록, wrangler dev을 이용한 디버깅 지원 등.
Release v1.2.0 - support of yarn/pnpm `workspace:` protocol · ghiscoding/lerna-lite
github.com/ghiscoding/lerna-lite/releases/tag/v1.2.0
lerna-lite v1.2.0 릴리스.
workspace: protocol 지원.
아티클
TypeScript의 모듈 관련 옵션 정리. “module”로 시작하는 옵션이 TypeScript 4.7에서 한층 추가 | by Yosuke Kurami | May, 2022 | Medium(일본어)
TypeScript의 모듈 관련 옵션을 간단하게 정리한 글.
Performance insights: Get actionable insights on your website's performance - Chrome Developers
developer.chrome.com/docs/devtools/performance-insights/
Chrome 102 DevTools에 도입된 Performance insights 패널 소개.
성능 및 Web Vitals와 관련된 내용을 정리하여 표시하는 패널.
State of CSS 2022
모던 브라우저 기준 2022년 부터 사용할 수 있는 CSS와 향후에 사용할 수 있는 CSS 등을 정리하여 소개한다.
사이트, 서비스, 문서
개인정보 보호 샌드박스 - Chrome Developers
developer.chrome.com/ko/docs/privacy-sandbox/
Privacy Sandbox에 대한 소개 글 및 관련한 가이드 문서 정리.
소프트웨어, 도구, 라이브러리
Primitives – Radix UI
React 용 UI 프레임워크.
kawamataryo/suppress-ts-errors: CLI tool to add comments to suppress type errors in TypeScript
github.com/kawamataryo/suppress-ts-errors
TypeScript 컴파일 에러가 나는 곳에 @ts-expect-error 주석을 추가하는 도구.
strict: true으로 전환하는 등의 작업 시 잠정적으로 타입 에러를 무시하기 위한 도구.
에러에 해당 주석을 붙여서 빠르게 이전한 후에 하나씩 제거해나가는 전략에 활용.
httptoolkit/mockrtc: Powerful friendly WebRTC mock peer & proxy
github.com/httptoolkit/mockrtc
WebRTC 목 서버, Proxy, 테스트 라이브러리.
yisibl/resvg-js: A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs.
Rust로 개발한 resvg 기반의 SVG 라이브러리.
Node.js 용 Native Modules과 WebAssembly 버전을 제공한다.
