JSer.info #759 - Next.js 16.1가 출시되었다.
Turbopack의 File System Cache가 next dev에서 이용 가능해짐에 따라, 개발 서버 재기동시에 컴파일 시간이 단축됩니다. 그리고, Node.js 디버거를 간단하게 유효화 하는 next dev --inspect 명령어, 버전 업그레이드를 보조하는 next upgrade 명령어 추가되었다. 실험적 기능으로 Bundle Analyzer가 추가되었다.
Vue 3.6.0 beta 1가 출시되었다.
Vapor Mode가 베타판으로 추가되었다. Vapor Mode은 가상 DOM를 사용하지 않은 컴파일 전략으로, 번들 크기 경감과 성능 향상이 목적이다. 또한, @vue/reactivity가 alien-signals 기반으로 대규모 리팩토링되어, Reactivity 시스템 성능과 메모리 사용량 개선되었다.
CSS Wrapped 2025 글에서는, 2025년 CSS 기능이 소개된다.
Invoker Commands, <select> 요소 커스터마이즈, scroll-state queries 기능이 소개된다. 조건 분기 if() 함수나 커스텀 @function 선언에 대해서도 정리되어 있다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Security advisory
storybook.js.org/blog/security-advisory/
Storybook에 .env가 bundle되는 문제가 있어, 7.x/8.x/9.x/10.x 각각 업데이트 공개되었다.
Next.js 16.1 | Next.js
Next.js 16.1 출시.
Turbopack의 File System Cache이 next dev에도 이용할 수 있다, next dev --inspect 추가, next upgrade 명령어 추가.
실험적 기능으로 Bundle Analyzer 통합
Release v3.6.0-beta.1 · vuejs/core
github.com/vuejs/core/releases/tag/v3.6.0-beta.1
Vue 3.6.0 Beta 1 출시.
Vapor 모드 추가
읽을거리
Standard JSON Schema
standardschema.dev/json-schema
Standard Schema의 JSON Schema 대응
Introducing RSC Explorer — overreacted
overreacted.io/introducing-rsc-explorer/
RSC Explorer 대하여
CSS Wrapped 2025
2025년 CSS 기능 돌아보기
제 3자의 JavaScript를 안전하게 실행하기 위해서는？― exaBase Studio 플러그인 기능
zenn.dev/exwzd/articles/20251204_studio_plugin
JavaScript 코드를 샌드박스 실행하는 접근법에 대하여.
iframe/Secure ECMAScript/QuickJS 관련있음
Fixing the URL params performance penalty - Web Performance Calendar
calendar.perfplanet.com/2025/fixing-the-url-params-performance-penalty/
URL 파라메터를 CDN가 캐시해도 좋은지 정의하는 No-Vary-Search HTTP 헤더에 대하여.
키 순서 정의, 제거해도 좋은 파라메터 등을 정의 가능
Third Parties and Single Points of Failure - Web Performance Calendar
calendar.perfplanet.com/2025/third-parties-and-single-points-of-failure/
서드파티 스크립트가 단일장애시점이 된 것을 체크하는 확인 대하여
The many, many, many JavaScript runtimes of the last decade • Buttondown
buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/
이 10년간 등장한 JavaScript 런타임 정리 글
Node.js의 Single Executable Applications (SEA) 로 만들기, 배포하기 쉬운 Node.js 애플리케이션
zenn.dev/yamachu/articles/abaad71eaa30fe
Node.js의 SEA에서 단일 실행 바이너리 작성하는 방법, Chrome 확장과 Native Messaging Host 메세징하는 방법에 대하여
웹사이트, 서비스, 문서
bellard/mquickjs: Public repository of the Micro QuickJS Javascript Engine
github.com/bellard/mquickjs?tab=readme-ov-file
임베디드 대상 JavaScript 엔진.
ES5 레벨 서브셋 구현, QuickJS와 같이 C API 등을 갖으나, 메모리 소비량을 억누르게끔 구현.
jiftechnify/eject-enum: Eject enums from your TypeScript codebase.
github.com/jiftechnify/eject-enum
TypeScript의 enum를 const로 변환하는 도구
