JSer.info #677 - Astro 4.2가 출시되었어요.
Astro 4.2에는, Prerendering 실험적 옵션으로 Speculation Rules API 사용해서 Prerendering 지원해요.
그리고, injectRoute이나 파일 기반 라우팅이 충돌할 때를 위해 새로운 우선도 규칙을 opt-in 지원합니다.
그 외로는, redirectToDefaultLocale 옵션을 추가함에 기본 언어로 리다이렉트하는 것을 무효화할 수 있으며, 접근성 규칙도 추가되어요.
Bun v1.0.24가 출시되었어요.
Bun v1.0.24에는, zx처럼 쉘스크립트를 다룰 수 있는 Bun Shell에 함수가 추가되었어요.
$으로 크로스플랫폼 지원하는데, 파이프나 빌트인 코맨드도 구현되었어요.
그리고, Glob이나 JavaScript의 Object에 실행 결과를 작성하도록하는 기능도 가지고 있어요.
자세한 것은, 다음 글과 문서에서 확인할 수 있어요.
Remix SPA 모드에서는, Remix에 실험적으로 구현된 SPA모드에 대해 소개해요.
글에는, 클라이언트 렌더링만으로 동작하는 SPA 모드 사용방법이나 제한에 대해 소개되고 있어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Prettier 3.2: Support JSONC and Angular’s ICU expression · Prettier
prettier.io/blog/2024/01/12/3.2.0.html
Prettier 3.2 출시.
jsonc 파서 지원, Angular ICU expression 지원.
iDraw.js | iDraw.js
Canvas 기반 도형 표현 라이브러리와 GUI 에디터.
Node.js — Node v21.6.0 (Current)
nodejs.org/en/blog/release/v21.6.0
Node.js v21.6.0 출시.
net.createConnection에 connection 관련 이벤트 추가, Permission Model에 --allow-addons 추가
Astro 4.2 | Astro
Astro 4.2 출시.
실험적 옵션으로 Speculation Rules API 사용한 Prerendering 지원. injectRoute이나 파일 베이스 라우팅이 충돌할 때 우선도 규칙을 opt-in 지원.
redirectToDefaultLocale 옵션 추가, 기본 언어로 리다이렉트를 무효화할 수 있음, 접근성 규칙 추가.
Bun v1.0.24 | Bun Blog
Bun v1.0.24 출시.
zx 같이 쉘스크립트를 다루는 Bun Shell에 $ 함수 추가, perf_hooks 호환성 개선
읽을거리
Migrating from Zod to Valibot: A Comparative Experience | Matthew Kwong
mwskwong.com/blog/migrating-from-zod-to-valibot-a-comparative-experience
Zod에서 Valibot으로 이행해보고 비교한 글
Remix SPA 모드
azukiazusa.dev/blog/remix-spa-mode/
Remix에 실험적으로 구현된 SPA 모드에 대해
React Libraries for 2024
www.robinwieruch.de/react-libraries/
카테고리 별 React 라이브러리, 도구 소개
Designing better target sizes
ishadeed.com/article/target-size
유저가 상호작용하기 위한 트리거인 클릭, 탭의 타겟사이즈에 대한 글.
터치 크기, Spacing, 피드백.
실제 웹사이트 예시로 들며, 계층 메뉴의 Safe Area 삼각형을 clip-path로 정의하는 방법, 네비게이션 UI, 플레이어 UI, 체크 박스 UI.
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts - Socket
socket.dev/blog/2023-npm-retrospective
npm 저장소 상에 있는 패키지 분석 글.
매월 다운로드 수, 의존관계 수가 많은 패키지, 다운로드 수가 많은 패키지, 2023년에 처음 출시되어 다운로드 수가 많은 패키지.
그 외로, 패키지 크기가 큰 패키지나 관리자가 많은 패키지 등ど
Introducing fsx: A modern filesystem API for JavaScript - Human Who Codes
humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/
Node.js이나 Deno의 File System API 추상화한 라이브러리.
파일 조작 로고 얻기나 테스트 용으로 메모리상에 동작하는 Adapter 구현도 포함.
슬라이드, 영상
Parsing Javascript - Speaker Deck
speakerdeck.com/brn/parsing-javascript
JavaScript 언어 파서에 대한 슬라이드.
파서의 기술, JS은 LL(1) 문법에는 있지만 BNF 레벨에서는 엄밀한 파서가 어렵기에, 직접 작성해야하는 경우가 많은 사실에 대하여.
정규표현 리터럴 / 템플릿 리터럴 / 분할대입 같이 파서가 어려운 구문, PreParsing이라 불리는 최적화 기법에 관하여.
웹사이트, 서비스, 문서
cloudflare/next-on-pages: CLI to build and develop Next.js apps for Cloudflare Pages
github.com/cloudflare/next-on-pages
Cloudflare Pages에 Next.js 애플리케이션 동작시키는 도구
소프트웨어, 도구, 라이브러리
wevm/vocs: Minimal Documentation Framework, powered by React + Vite.
React와 Vite 사용한 문서 사이트 프레임워크
penrose/penrose: Create beautiful diagrams just by typing notation in plain text.
글로 선언적 여러 다이어그램을 그리는 라이브러리.
