Fork me on GitHub

2024-12-04: Node.js v22.12.0, Vite 6.0, Tailwind CSS v4.0 Beta 1

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #717 - Node.js v22.12.0 LTS가 출시되었습니다.

require(esm)가 기본 유효화됐습니다.
이에, CommonJS에서 Top Level await를 포함하지 않는 ECMAScript Modules 코드를 동기적으로 읽을 수 있습니다.


Vite 6.0가 출시되었습니다.

실험적 API로 Environment API 추가, resolve.conditions 기본값 변경, Sass의 modern API를 사용하는 변경이 있습니다. 옵션이 일부 변경되어서, 이행 가이드도 공개되어 있습니다.


Tailwind CSS v4.0 Beta 1가 출시되었습니다.

Tailwind CSS v4.0에는, 새로운 엔진 도입, CSS-first configuration 지원, 최신 CSS 기능 대응도 포함되었습니다.

설정 변경, 구문 변경, Utility 변경도 포함되어 있으므로, 이행 가이드도 공개되었습니다.


To support JSer.info


헤드라인


Release v11.0.0-pre.0 · npm/cli

github.com/npm/cli/releases/tag/v11.0.0-pre.0

npm ReleaseNote

npm v11.0.0-pre.0 출시.
prerelease는 tag 지정을 필수로 변경, --ignore-scripts가 모든 명령어로 동작할 수 있도록, npm hook 명령어 삭제


Release v12.0.0 · vueuse/vueuse

github.com/vueuse/vueuse/releases/tag/v12.0.0

Vue library ReleaseNote

vueuse v12.0.0 출시.
vue 2 지원 종료


Firefox 133.0, See All New Features, Updates and Fixes

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

Firefox ReleaseNote

Firefox 133 출시.
viewport meta 태그로 interactive-widgets 값 지원, Uint8Array.fromBase64/toBase64 지원.
Permissions API가 Worker로 이용 가능, WebCodecs API는 ImageDecoder API 지원, Fetch API의 keepalive 지원.
실험적 기능으로 contenteditable=plaintext-only 지원, CSS :has-slotted 지원


Release v7.0.0 · nodejs/undici

github.com/nodejs/undici/releases/tag/v7.0.0

nodejs Fetch library ReleaseNote

undici v7.0.0 출시.


Release pnpm v10.0 Beta 1 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v10.0.0-beta.1

pnpm ReleaseNote

pnpm v10.0.0-beta.1 출시.
pnpm link 동작 변경, packageManager 참조해 pnpm 버전 확인하도록, store 버전 업데이트.
verifyDepsBeforeRun 옵션 추가되어, lock와 node_modules/ 상태를 비교해 자동 설치하도록 됨


Release 6.0.0 · prisma/prisma

github.com/prisma/prisma/releases/tag/6.0.0

prisma TypeScript ReleaseNote

Prisma 6.0.0 출시.
Node.js 18 미만 지원 종료, PostgreSQL의 m-n relation 스키마 변경, Buffer 이용하고 있는 곳들을 Uint8Array으로 변경


Release v2.4.0 · reduxjs/redux-toolkit

github.com/reduxjs/redux-toolkit/releases/tag/v2.4.0

redux library ReleaseNote

Redux Toolkit v2.4.0 출시.
RTK 쿼리 개선, 자료형 개선


Vite 6.0 is out! | Vite

vite.dev/blog/announcing-vite6

vite ReleaseNote

Vite 6.0 출시.
실험적인 API로 Environment API 추가, resolve.conditions 기본값 변경, Sass의 modern API 사용하도록 변경


Tailwind CSS v4.0 Beta 1 - Tailwind CSS

tailwindcss.com/blog/tailwindcss-v4-beta

css ReleaseNote

Tailwind CSS v4.0 Beta 1 출시.
CSS-first configuration 추가, @starting-style 대응하는 variant 추가


Node.js — Node v22.12.0 (LTS)

nodejs.org/en/blog/release/v22.12.0

nodejs ReleaseNote

Node.js v22.12.0 출시.
require(esm) 기본으로 유효화, 라우터 증명서 갱신


읽을거리


Node.js — Trip report: Node.js collaboration summit (2024 Dublin)

nodejs.org/en/blog/events/collab-summit-2024-dublin

nodejs article

Node.js collaboration summit 관련 정리


DevTools 사용 방법을 가능한 한 스크린샷 붙여서 설명

zenn.dev/mizchi/scraps/c72e6a55deca18

Chrome debug article

Chrome DevTools 사용 방법


슬라이드, 영상


JavaScript 모듈 해결의 상호운용성 / JSConf JP 2024 - Interoperability of Module Resolutions in JavaScript - Speaker Deck

speakerdeck.com/berlysia/interoperability-of-module-resolutions-in-javascript

JavaScript ECMAScript nodejs module slide

CJS/ESM/Node.js/TypeScript 모듈 해결과 상호운용성에 대하여.
import path alias와 도구 상호운용성에 대하여


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


eslint/css: CSS language plugin for ESLint

github.com/eslint/css

ESLint css plugin

ESLint의 CSS 플러그인.
ESLint으로 CSS의 Lint 하는 플러그인


litdb/litdb: Lightweight RDBMS agnostic TypeScript/JS abstraction for SQLite, PostgreSQL and MySQL

github.com/litdb/litdb

TypeScript database library

자료형 안전한 SQL 쿼리 빌더 라이브러리.
RDBMS 테이블 스키마를 TypeScript/Decorator 정의해서, 쿼리를 안전히 작성할 수 있도록 함.


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