JSer.info #676 - Biome v1.5가 출시되었어요.
Git 같은 VCS에서 변경된 파일만 다루는 --changed 플래그 추가, biome ci에서 GitHub의 Problem Matcher에 맞춘 결과를 보임으로 PR 메세지 대응 가능해요. 또한, biome explain 추가, Lint 규칙 추가도 있어요.
출시에 맞춰, Biome의 2024년 로드맵도 공개되었어요.
현재 CSS 이 진행중이며, 앞으로는 HTML와 Markdown도 대응할 거에요.
플러그인 구조에 대해서도 검토중이고요.
Node.js v20.11.0가 출시되었어요.
import.meta.dirname/import.meta.filename 추가, --disable-warning 플래그 추가, Stream 성능 개선했어요.
Rspack v0.5가 출시되었어요.
Module Federation 지원이 추가되었어요.
파괴적 변경으로, 빌트인으로 정의된 기본값 변경(js이나 ts) 삭제하고 유저가 정의하는 변경,
resolve.exntesions 기본값에서 .ts나 .tsx 삭제, Deprecated였던 builtins.* 옵션이나 loader 삭제가 있어요.
대다수의 기본 동작을 webpack에 맞추도록 변경했어요.
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 v1.0.21 | Bun Blog
Bun v1.0.21 출시.
console.table()의 지원, bun:sqlite 에러 표시나 메모리 소모량 개선.
Linux에서 blob.arrayBuffer()의 COW 지원하고 메모리 소비 개선, bun build --public-path=<path>의 지원
Google shares update on next step toward phasing out third-party cookies in Chrome
blog.google/products/chrome/privacy-sandbox-tracking-protection/
2024년 1월 4일 부터 Chrome 유저의 1% 대상으로 서드파티 Cookie 무효 테스트 개시
2023 JavaScript Rising Stars
GitHub 스타 수 비교하는 JavaScript Rising Stars 2023년 결과 공개
Astro 4.1 | Astro
Astro 4.1 출시.
dev toolbar에 접근성 audit 추가, client:visible에 rootMargin 옵션 추가, Cookie의 Encoding/Decoding 옵션 추가
Release v3.12.0 · honojs/hono
github.com/honojs/hono/releases/tag/v3.12.0
Hono v3.12.0 출시.
Origin 헤더 체크하는 hono/csrf 추가, 실험적 API로 CSS in JS 인 hono/css 추가
Release Version 23.2.0 · jsdom/jsdom
github.com/jsdom/jsdom/releases/tag/23.2.0
jsdom 23.2.0 출시.
CSS selector 엔진을 nwsapi에서 dom-selector으로 변경.
Bun v1.0.22 | Bun Blog
Bun v1.0.22 출시.
PerformanceObserver/performance.mark/performance.measure API 구현, Fetch API의 Brotli 지원.
console.table에서 EastAsianWidth 대응 개선
Biome v1.5 | Biome
Biome v1.5 출시.
Git 같은 VCS에서 변경된 파일만 다루는 --changed 플래그 추가, biome ci으로 GitHub의 Problem Matcher에 맞춘 결과를 보임.
biome explain 추가, Lint 규칙 추가
Node v20.11.0 (LTS) | Node.js
nodejs.org/en/blog/release/v20.11.0
Node.js v20.11.0 출시.
import.meta.dirname/import.meta.filename 추가, --disable-warning 플래그 추가, Stream 성능 개선
Release v13.0.0 · capricorn86/happy-dom
github.com/capricorn86/happy-dom/releases/tag/v13.0.0
Happy DOM v13.0.0 출시.
Internal한 API를 Symbol로 사용함으로 직접 접근하지 못하게 변경, CORS의 preflight 대응 개선, window.open()/window.close() 구현
Rspack 0.5 Release Announcement - Rspack
www.rspack.dev/blog/announcing-0.5.html
Rspack 0.5 출시.
Module Federation의 지원, 빌트인 정의함으로 기본값 변환(js이나 ts)을 삭제하고 유저가 정의하도록 변경.
resolve.exntesions 기본값에서 .ts이나 .tsx 삭제, Deprecated였던 builtins.* 옵션이나 loader 삭제
읽을거리
More Than You Need to Know About ReactDOM.flushSync | JulesBlom.com
julesblom.com/writing/flushsync
React의 ReactDOM.flushSync에 대해.
React는 기본값으로 상태 변경하면 한 번에 렌더링하지만, flushSync는 상태 갱신을 바로 렌더링한다는 사실에 대해
도서
【DDD 입문】TypeScript × 도메인 주도 설계 핸즈온
zenn.dev/yamachan0625/books/ddd-hands-on
DDD의 도메인 모델링이나 구현 방법에 대해 튜토리얼로 살펴봄.
이벤트 스트리밍에서 도메인 모델링, PlantUML 사용한 모델도 관리, TypeScript 사용한 구현에 대해 소개
Amazon.co.jp: 프론트엔드 지식지도 ㅡ 한 권으로 HTML/CSS/JavaScript 개발기술을 배우는 책 eBook
www.amazon.co.jp/dp/B0CMCWZRP2/
HTML/CSS/JavaScript 프론트엔드에 대한 책
The chibivue Book | The chibivue Book
Vue 구조를 구현하면서, Virtual DOM/Reactivity System/Template Compiler/Single File Component를 보는 웹사이트.
