Fork me on GitHub

2023-10-31: Next.js 14, MSW 2, Node.js 21.1.0

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #667 - Next.js 14 출시했습니다.

Node.js 16 지원 종료, next export 명령어 비권장으로, next/imagedomains 옵션 비권장으로 변경이 했습니다.
또한, 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


헤드라인


Next.js 14 | Next.js

nextjs.org/blog/next-14

Next.js ReleaseNote

Next.js 14 출시.
Node.js 16 지원 종료, next export 커맨드 비권장으로, next/imagedomains 옵션 비권장으로.
Server Action의 Stable화, Metadata API 개선.
실험적 기능으로 <Suspense> 사용한 Partial Prerendering 지원のサポートなど


Astro 3.4: Page Partials | Astro

astro.build/blog/astro-340/

astro ReleaseNote

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

HTTP library ReleaseNote security

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 ReleaseNote

pnpm v8.10.0 출시.
supportedArchitectures 복수 아키텍처 설정 가능하도록.
호스트 환경과 Docker 환경 양방 아키텍처 바이너리를 설치할 때 이용 가능.


Introducing MSW 2.0 - Mock Service Worker

mswjs.io/blog/introducing-msw-2.0

JavaScript testing library ReleaseNote

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

nodejs ReleaseNote

Node.js v21.1.0 출시.
Ambiguous file이 ESM인가 판단하는 --experimental-detect-module 플러그 추가, Jest 메모리 리크 원인이 된 vm.Script 버그 수정


Release v30.0.0-alpha.1 · jestjs/jest

github.com/jestjs/jest/releases/tag/v30.0.0-alpha.1

jest ReleaseNote

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 Next.js bundler article

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 article

ESLint v8.53.0 스타일 계열 규칙(스페이스나 세미콜론 다루는 규칙)을 비권장으로 함.
이행처로 스타일 계열 규칙을 관리하는 ESLint Stylistic나 Prettier 같은 도구 이용 권장.


Announcing WinterJS

wasmer.io/posts/announcing-winterjs-service-workers

JavaScript WebAssembly ServiceWorker article

WinterCG 사양 따르는 JavaScript Runtime.
SpiderMonkey를 Runtime으로 사용하며, Service Workers API 구현.
Wasmer의 WASIX 표준 따름.


developer.chrome.com/ja/blog/cookie-countdown-2023oct/

Chrome article

Chrome의 3rd party Cookie 삭제와 대체 Proposal 관련


슬라이드, 영상


JavaScript JIT compiler - YouTube

www.youtube.com/playlist?list=PLMOpZvQB55bcTsXzRcBjHJJb52OGWwNjr

JavaScript C++ video

Ladybird의 JavaScript 엔진 LibJS에 JIT 구현해 나가는 시리즈.


Vue Fes Japan 2023 자료 X 글 모음

zenn.dev/punkshiraishi/scraps/bf3829dc79466b

Vue Conference slide

Vue Fes Japan 2023 슬라이드 모음


소프트웨어, 도구, 라이브러리


joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API

github.com/joshmarinacci/node-pureimage

nodejs JavaScript library

Pure JavaScript한 Node.js 대상 Canvas API 구현 라이브러리.


Pull Request to this article
JSer.info Slackに参加する