JSer.info #668 - Remix 2.2.0 출시되었습니다.
Vite 지원, Vite 플러그인으로 Remix 사용가능합니다.
상세한 내용은 다음 글에 해설되어 있으며, 기존 Vite 에코시스템 탑승함으로 개발 체험 개선 및 Vite 플러그인 이용 가능해졌습니다.
그 외로는, Fetcher에 key 지정가능하도록 하는 변경이 있습니다.
그리고 future.v3_fetcherPersist 플래그로 새로운 동작 Fetcher 클린업을 opt-in 시험할 수 있습니다.
Deno 1.38가 출시되었습니다.
deno doc --html으로 정적 HTML 문서를 생성 지원합니다.
--unstable-hmr으로 HMR 지원, --unstable-byonm으로 npm로 설치하는 node_modules의 npm 패키지를 이용 가능합니다.
그 외로는, deno run --env으로 .env 로드 지원, std/http으로 EventSource API 지원이 포함됩니다.
그리고 http/server 비표준화, std/io 비표준화, std/wasi의 비표준화 변경도 포함됩니다.
Angular.dev 새로운 Angular 학습 사이트가 공개되었습니다.
웹사이트 상의 학습 자료나 WebContainers 사용하는 Playground가 준비되어 있습니다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release v2.2.0 · remix-run/remix
github.com/remix-run/remix/releases/tag/remix%402.2.0
Remix 2.2.0 출시.
Vite 지원, Fetcher으로 key 지정 가능.
future.v3_fetcherPersist 플래그로, 새로운 Fetcher 클린업 체험 opt-in 가능
Release 3.0.0 · facebook/docusaurus
github.com/facebook/docusaurus/releases/tag/v3.0.0
docusauru 3.0.0 출시.
New in Chrome 119 - Chrome for Developers
developer.chrome.com/en/blog/new-in-chrome-119/
Chrome 119 출시.
Cookie Expires 최대치 400일로 하도록 하는 변경을 과거 Cookie에도 소급 적용, WebSQL 삭제.
CSS :user-valid/:user-invalid 추상 클래스 지원, relative color 구문 지원, clip-path 프로퍼티 개선
Deno 1.38: HTML doc generator and HMR
Deno v1.38 출시.
deno doc --html로 정적 HTML 문서 생성 지원.
--unstable-hmr으로 HMR 지원, --unstable-byonm으로 npm으로 설치한 node_modules의 npm 패키지 이용 가능, node:* 지원.
deno run --env으로 .env 로드 지원, std/http으로 EventSource API 지원.
그 외로는, http/server 비표준화, std/io 비표준화, std/wasi 비 표준화.
Bun v1.0.8 | Bun Blog
Bun v1.0.8 출시.
require() 메모리 누수 수정, bun test 모듈 목 지원, bun install 버그 수정, setTimeout(fn, 0) 버그 수정
Chrome 120 beta - Chrome for Developers
developer.chrome.com/en/blog/chrome-120-beta/
Chrome 120 beta 출시.
CSS @property로 syntax:<image> 지원, masking를 -webkit prefix 없이도 지원, nesting의 relaxed parsing behavior 대응.
<details name> 지원, FontFaceSet.check() 지원, Intersection Observer의 scrollMargin 옵션 지원.
Fenced Frames 기능 업데이트, Permissions-Policy-Report-Only 헤더 대응.
Origin Trial으로, priority 리쿼스트 헤더 대응, Performance.measureUserAgentSpecificMemory() 기능도 포함되어 있음.
Announcing TypeScript 5.3 RC - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/
TypeScript 5.3 RC 출시.
Stage 3의 Import Attributes 지원, resolution-mode를 /// 주석으로 지정 가능.
switch(true)에서의 Narrowing 지원, [Symbol.hasInstance]와 insteanceof 사용한 Narrowing 지원.
패키지 내에 bundle 파일 중복 피함으로, 패키지 크기 개선.
N|Solid Runtime: NodeSource's Open Source Release for Node.js
nodesource.com/blog/nsolid-oss-release
Node.js으로 상세한 매트릭스나 세세한 동작 제어를 포함하는 Runtime인 N|Solid 코드가 MIT 라이센스로 공개.
읽을거리
Remix ❤️ Vite | Remix
remix.run/blog/remix-heart-vite
Remix의 Vite 지원.
Remix가 Vite 플러그인으로 들어옴에 따라, Vite 개발 서버나 빌드, 플러그인 사용한 개발 가능하도록.
지원하지 않는 Cloudflare 앞으로 지원 예정
WebAssembly Garbage Collection (WasmGC) now enabled by default in Chrome - Chrome for Developers
developer.chrome.com/en/blog/wasmgc/
Chrome 119으로 지원되는 WasmGC에 관련하여.
Wasm 상의 독자적 GC 구현하는 대신 기존 GC 재이용하도록 하는 Heap 관리 구조에 관련하여
Announcing Angular.dev. Today, we are excited to launch… | by Emma Twersky | Nov, 2023 | Angular Blog
blog.angular.io/announcing-angular-dev-1e1205fa3039
Angular 새로운 학습 웹사이트 공개.
WebContainers을 사용해서 브라우저에서 직접 편집 가능하도록 튜토리얼이나 문서 등이 준비됨
소프트웨어, 도구, 라이브러리
farm-fe/farm: Extremely fast Vite-compatible web build tool written in Rust
Vite/Rollup 플러그인 호환 구조를 갖는 Rust제 Bundler 도구.
빌드 성능, dev와 production 빌드 일관성, dev 환경으로 bundle없이 리퀘스트 요청 수 문제 해결하는 목적.
모듈을 그룹이라 불리는 단위로 bundle, 리퀘스트 요청 수 삭감 및 캐시 히트률 상향을 목표로하는 Partial Bundling 구조를 갖음.
oxc-project/javascript-parser-in-rust: Tutorial on writing a JavaScript Parser in Rust
github.com/oxc-project/javascript-parser-in-rust
JavaScript 파서를 Rust로 적기 위한 가이드와 튜토리얼
도서
프론트엔드 지식 지도 ~ 한권으로 HTML/CSS/JavaScript 개발 기술 배우는 책 : 도서안내｜기술평가사
gihyo.jp/book/2023/978-4-297-13871-4
2023년 11월 24일 발매.
프론트엔드 입문서
