JSer.info #667 - Next.js 14 출시했습니다.
Node.js 16 지원 종료, next export 명령어 비권장으로, next/image의 domains 옵션 비권장으로 변경이 했습니다.
또한, Server Actions의 Stable화, Metadata API 개선도 포함됩니다.
실험적 기능으로 <Suspense> 사용한 Partial Prerendering 지원이 추가됩니다.
이번 출시에 맞춰, Next.js 튜토리얼도 새로히 공개되었습니다.
HTTP 리퀘스트 목 라이브러리 MSW 2.0 출시했습니다.
Node.js 16 지원 종료, API 시그니처 변경, 브라우저 대상 API를 msw/browser으로 이동처럼 파괴적 변경도 있습니다.
API 변경 범위가 크기에, 이행 가이드도 함께 공개했습니다.
또한, ReadableStream/FormData 목 지원도 추가됩니다.
Node.js 21.1.0 출시했습니다.
Ambiguous file가 ESM인가 판단하는 --experimental-detect-module 플러그 추가됩니다.
상세한 정보는 다음 글에 해설되었습니다.
또한, vm.Script 버그 수정이 적용되었습니다.
이 문제는 Node.js 16.11.0+ 이후에서 발생했는데, 주로 Jest에서 메모리가 확보를 계속하면서 크래시하는 문제가 발생하는 것입니다.
To support JSer.info
- 😘 Recommend the website to your friends!
- 💸 Support @azu on GitHub Sponsors>
- 🐦 Follow @jser_info on Twitter
헤드라인
Next.js 14 | Next.js
Next.js 14 출시.
Node.js 16 지원 종료, next export 커맨드 비권장으로, next/image의 domains 옵션 비권장으로.
Server Action의 Stable화, Metadata API 개선.
실험적 기능으로 <Suspense> 사용한 Partial Prerendering 지원のサポートなど
Astro 3.4: Page Partials | Astro
Astro 3.4 출시.
page component를 partial page으로 이용 가능한 partial 옵션 지원, 이미지 최적화 성능 개선.
실험적 기능으로 Dev Overlay 추가
Release Release v1.6.0 · axios/axios
github.com/axios/axios/releases/tag/v1.6.0
axios v1.6.0 출시.
X-XSRF-TOKEN Cookie 설정될 때, withCredentials 옵션 유효인 경우 다른 오리진 리퀘스트도 X-XSRF-TOKEN 값 전송하는 취약성 수정
Release v8.10.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v8.10.0
pnpm v8.10.0 출시.
supportedArchitectures 복수 아키텍처 설정 가능하도록.
호스트 환경과 Docker 환경 양방 아키텍처 바이너리를 설치할 때 이용 가능.
Introducing MSW 2.0 - Mock Service Worker
mswjs.io/blog/introducing-msw-2.0
MSW 2.0 출시.
Node.js 16 지원 종료, API 시그니처 변경, 브라우저 대상 API를 msw/browser으로 이동.
ReadableStream/FormData 목 지원
Node v21.1.0 (Current) | Node.js
nodejs.org/en/blog/release/v21.1.0
Node.js v21.1.0 출시.
Ambiguous file이 ESM인가 판단하는 --experimental-detect-module 플러그 추가, Jest 메모리 리크 원인이 된 vm.Script 버그 수정
- Deep Dive: Node.js에서 기본값 ESM으로 가는 길 - JSer.info
- [Bug]: Memory consumption issues on Node JS 16.11.0+ · Issue #11956 · jestjs/jest
Release v30.0.0-alpha.1 · jestjs/jest
github.com/jestjs/jest/releases/tag/v30.0.0-alpha.1
Jest v30.0.0-alpha.1 출시.
mts/cts 기본으로 지원, fake timer 개선, Snapshot으로 Error Cause 지원, Prettier 3 지원
읽을거리
JavaScript 빌드도구 정리 각 도구 기능과 의존관계
zenn.dev/nakaakist/articles/86457bf2908379
Vite/Parcel/webpack/Rspack/Turbopack/Next.js/Rollup/esbuild/SWC/Bun/Babel/Terser 특징과 의존관계 관련하여.
Deprecation of formatting rules - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2023/10/deprecating-formatting-rules/
ESLint v8.53.0 스타일 계열 규칙(스페이스나 세미콜론 다루는 규칙)을 비권장으로 함.
이행처로 스타일 계열 규칙을 관리하는 ESLint Stylistic나 Prettier 같은 도구 이용 권장.
Announcing WinterJS
wasmer.io/posts/announcing-winterjs-service-workers
WinterCG 사양 따르는 JavaScript Runtime.
SpiderMonkey를 Runtime으로 사용하며, Service Workers API 구현.
Wasmer의 WASIX 표준 따름.
써드파티 Cookie 삭제에 따른 준비 - Chrome for Developers
developer.chrome.com/ja/blog/cookie-countdown-2023oct/
Chrome의 3rd party Cookie 삭제와 대체 Proposal 관련
슬라이드, 영상
JavaScript JIT compiler - YouTube
www.youtube.com/playlist?list=PLMOpZvQB55bcTsXzRcBjHJJb52OGWwNjr
Ladybird의 JavaScript 엔진 LibJS에 JIT 구현해 나가는 시리즈.
Vue Fes Japan 2023 자료 X 글 모음
zenn.dev/punkshiraishi/scraps/bf3829dc79466b
Vue Fes Japan 2023 슬라이드 모음
소프트웨어, 도구, 라이브러리
joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API
github.com/joshmarinacci/node-pureimage
Pure JavaScript한 Node.js 대상 Canvas API 구현 라이브러리.
