JSer.info #655 - Lighthouse v11.0.0가 출시되었습니다.
Node.js 16 지원 종료, 기본적으로 사용되지 않은 resource-summary/service-worker/first-contentful-paint-3g의 Audit이 삭제되었습니다.
또한, INP의 Audit가 Stable이 되었습니다.
Astro 2.10가 출시되었습니다.
Astro 2.9에 실험적 지원한 View Transitions에 추가하는 형태로, 지정한 요소를 영속적으로 만드는 transition:persist 명령어가 추가되었습니다.
또한, Astro 3.0가 베타 출시되었습니다.
Bringing Sharp to WebAssembly and WebContainers에서는, Native Addon인 이미지 처리 라이브러리 sharp를 WebAssembly으로 어떻게 빌드했는가 다룹니다.
emnapi를 사용해 Node API 이식, libvips를 Wasm으로 컴파일, 기동할 때 처리를 동기적으로 하기 위해 Emscripten를 어떻게 수정했는가에 대했는지도 다뤄집니다.
다음 Pull Request에 sharp 변경을 확인가능합니다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Bun v0.7.2 | Bun Blog
Bun v0.7.2 출시.
node:worker_threads, node:diagnostics_channel 지원.
BroadcastChannel API 지원, Error 객체를 structuredClone에서 clone할 수 있도록 수정.
메모리누수 수정
Release v11.0.0 · GoogleChrome/lighthouse
github.com/GoogleChrome/lighthouse/releases/tag/v11.0.0
Lighthouse v11.0.0 출시.
Node.js 16 지원 종료, resource-summary/service-worker/first-contentful-paint-3g Audit 삭제.
INP의 Audit를 Stable으로
Deno 1.36: More flexible security and expanded testing APIs
Deno v1.36 출시.
--deny-* 거부 플러그 지원, deno test가 JUnit 레포터 지원, node:test 지원.
Node.js와 호환성개선, 모듈 다운로드에 재시도 추가
Astro 2.10: Persistent State in View Transitions | Astro
Astro 2.10 출시.
View Transition API 사용해 지정한 요소를 영속적으로 하는 transition:persist 명령어 추가.
또한 Astro 3.0 베타 출시.
Bun v0.7.3 | Bun Blog
Bun v0.7.3 출시.
bun test --coverage 지원, bun test -t /pattern/ 지원.
bun:sqlite, fs 크래시 수정
1.0.0: Milestone for API stability · vanjs-org/van · Discussion #72
github.com/vanjs-org/van/discussions/72
Reactive UI 프레임워크 VanJS 1.0 출시.
Release v0.19.0 · evanw/esbuild
github.com/evanw/esbuild/releases/tag/v0.19.0
esbuild v0.19.0 출시.
엔드포인트에 와일드 카드 지정할 수 있도록, Dynamic Import으로 변수를 포함한 경로를 bundle 할 수 있도록.
--packages=external와 tsconfig.json의 paths 문제 수정, .module.css 기본 로더를 local-css으로 변경
Wednesday August 9th 2023 Security Releases | Node.js
nodejs.org/en/blog/vulnerability/august-2023-security-releases
Node.js의 Security Releases로 다음 버전이 공개됨.
- Node v20.5.1 (Current)
- Node v18.17.1 (LTS)
- Node v16.20.2 (LTS)
실험적 기능인 Permissions policies 수정과 OpenSSL 업데이트가 주요한 수정
Announcing TypeScript 5.2 RC - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-2-rc/
TypeScript 5.2 RC 출시.
Stage 3 Proposal의 Explicit Resource Management(using 선언) 지원, Decorator Metadata 지원.
Tuple 라벨 유무에 따른 조합 제한 삭제, 배열 Union 타입 처리 개선.
import type에는 .ts 파일을 import 할 수 있도록, module 옵션과 moduleResolution 옵션의 잘못 된 조합 체크 기능 추가
Release Notes for Safari Technology Preview 176 | WebKit
webkit.org/blog/14401/release-notes-for-safari-technology-preview-176/
Safari Technology Preview 176 출시.
CSS의 contain-intrinsic-size: inherit 지원, liner(...) timing function 지원
읽을거리
Bringing Sharp to WebAssembly and WebContainers
blog.stackblitz.com/posts/bringing-sharp-to-wasm-and-webcontainers/
C++으로 작성된 Native Addon 이미지처리 라이브러리 sharp를 WebContainers에서 이용가능 하도록 WebAssembly으로 컴파일한 이야기.
emnapi를 사용해 Node API 이식, libvips를 Wasm으로 컴파일, 기동시 처리를 동기적으로 하기 위해 Emscripten를 어떻게 수정했는가에 대하여.
A compilation of outstanding testing articles (with JavaScript) | Practica.js
practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/
테스트에 관련한 우수한 글/영상를 소개하는 글.
Puppeteer in Node.js: Common Mistakes to Avoid | AppSignal Blog
blog.appsignal.com/2023/02/08/puppeteer-in-nodejs-common-mistakes-to-avoid.html
Puppeteer에서 자주 있는 시행착오에 대하여
슬라이드, 영상
Vue.js 에코시스템 동향 2023 - Speaker Deck
speakerdeck.com/kazupon/vue-dot-jsekosisutemudong-xiang-2023
Vue 에코 시스템에 대한 슬라이드.
Vue 3.3 개선 내용, Reactivity Transform이 비권장이 된 이유에 대하여.
Vue의 LSP, Nuxt 3와 Nitro에 대하여
웹사이트, 서비스, 문서
npmgraph -
npm 패키지 의존관계를 가시화하는 Web서비스.
지정한 패키지나 package.json에서 분석 가능
도서
실전 Svelte 입문：도서안내｜기술평론사
gihyo.jp/book/2023/978-4-297-13495-2
Svelte 입문서
