Fork me on GitHub

2023-11-26: Vite 5, Node.js 20.10.0(ESM 기본값 만들기 플래그), State of JS 앙케이트 시작

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #670 - Vite 5.0 출시되었어요.

Node.js 14/16 지원 종료, Rollup 4으로 업데이트, CommonJS Node API(require("vite")) 비권장도 포함되어 있어요.
그리고 define 치환방법을 dev와 production build가 같은 방법으로 동작하도록 변경, dev와 preview에서 URL 끝에 슬래시처리가 다른 문제 수정, 비권장 API 삭제 등 포함되었어요.

이행 가이드도 함께 공개중이에요.


Node.js 20.10.0 출시되었어요.

주로 개발판 Node.js 21.x에서 backporting이 중심이에요.

ESM 기본값으로 만드는 --experimental-default-type--experimental-detect-module 플래그를 추가되었어요.

fs.writeFileflush 옵션 추가, WebSocket 글로벌에 추가하는 --experimental-websocket 플래그 추가.
Jest로 메모리 누스 원인이 된 VMScript와 Dynamic Import 관련 문제도 포함되어 있어요.


JavaScript 개발자 앙케이트 State of JavaScript 2023 시작되었어요.

JavaScript 새로운 기능에 관련한 이해도나 프레임워크 이용에 대한 앙케이트에요.
앙케이트 결과는 여러 곳에서 참조하고 있으므로, 시간이 있다면 참가하는 것이 좋아요.


To support JSer.info


헤드라인


Vite 5.0 is out! | Vite

vitejs.dev/blog/announcing-vite5

vite ReleaseNote

Vite 5.0 출시.
Node.js 14/16 지원 종료, Rollup 4 업데이트, CJS Node API 비권장화.
define 치환 방법을 dev와 production build가 같은 방법으로 동작하도록 변경, dev와 preview에서 URL 끝에 슬래시처리가 다른 문제 수정, 비권장 API 삭제


Bun v1.0.13 | Bun Blog

bun.sh/blog/bun-v1.0.13

Bun ReleaseNote

Bun v1.0.13 출시.
node:http2 지원 개선 @grpc/grpc-js가 동작하도록 수정, process.report.getReport() 지원하며 Vite 5/Rollup 4 동작하도록 수정.
with statement 포함하는 파일 변환 지원, Bun.spawn 에러 개선


Release 8.0.0 · vvo/iron-session

github.com/vvo/iron-session/releases/tag/v8.0.0

JavaScript Next.js library ReleaseNote

iron-session 8.0.0 출시.
Next.js App Router 지원, API도 함께 변경.


Announcing TypeScript 5.3 - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-3/

TypeScript ReleaseNote

TypeScript 5.3 출시.
Stage 3의 Import Attributes 지원, resolution-mode/// 주석 지정되도록.
switch(true)에서 Narrowing 지원, [Symbol.hasInstance]insteanceof를 사용한 Narrowing 지원.
패키니 내의 bundle 파일 중복 피함으로 패키지 크기 효율적으로.


Firefox 120.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/120.0/releasenotes/

Firefox ReleaseNote

Firefox 120 출시.
<source>media 속성 재도입, Date.parse()에서 파싱되는 날짜 포맷 추가, HTTP 103 Early Hints 지원.
그 외로, Global Privacy Control 지원, CSS의 -moz-image-rect() 삭제


Node v20.10.0 (LTS) | Node.js

nodejs.org/en/blog/release/v20.10.0

nodejs ReleaseNote

Node.js v20.10.0 출시.
ESM 기본값으로 만드는 --experimental-default-type--experimental-detect-module 플래그 추가.
fs.writeFileflush 옵션 추가, WebSocket 글로벌 추가 --experimental-websocket 플래그 추가.
Jest 메모리누수 원인이 된 VMScript와 Dynamic Import 관련 문제 수정


Release v3.0.0 · lerna-lite/lerna-lite

github.com/lerna-lite/lerna-lite/releases/tag/v3.0.0

JavaScript monorepo Tools ReleaseNote

lerna-lite v3.0.0 출시.
Node.js 16 지원 종료, lerna run --use-nx 삭제


읽을거리


Getting started with CSS container queries | MDN Blog

developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/

CSS article

CSS의 Container query 소개 글.
부모 요소에 @container의 Media Query 조건 지정해, 자식 요소에 스타일 설정 가능.
기본적 사용 방법, Container units(cq*), Style query에 관련해


State of JavaScript 2023

survey.devographics.com/en-US/survey/state-of-js/2023

JavaScript Survey

JavaScript 개발자 앙케이트 State of JavaScript 2023 시작


슬라이드, 영상


프론트엔드 컨퍼런스 오키나와 2023 공개자료 - X 정리

zenn.dev/yumemi_inc/articles/2023-11-18-frontend-conf-okinawa-2023

HTML JavaScript CSS Conference video slide

프론트엔드 컨퍼런스 오키나와 영상과 슬라이드 정리


Intl 지금까지와 지금부터 - Speaker Deck

speakerdeck.com/sajikix/intlnojin-madetokorekara

i18n JavaScript ECMAScript slide

ECMA-402의 Intl 객체에 대한 슬라이드.
Intl API 소개, 사양 버전마다 추가된 기능, 국제화나 지역화 다루기 위한 Unicode 등이 외부사양에 의존하고 있는 점, Temporal과의 결합


웹사이트, 서비스, 문서


Downloads by Major

majors.nullvoxpopuli.com/

npm webservice Tools

npm 패키지 다운로드 수를 메이저 버전 단위로 비교하는 서비스.
메이저 업데이트 이행이 어느 수준으로 진행되고 있는가 확인 가능


The Valley of Code

thevalleyofcode.com/

JavaScript CSS HTTP tutorial HTML

웹 개발 관련 튜토리얼 사이트.
HTTP/HTML/CSS/JavaScript 등 웹개발 관련 튜토리얼과 GitHub/VSCode 같은 개발 관련 가이드 다룬다


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