Skip to content

Commit 83b99a7

Browse files
authored
translate: 2025-11-25 article (#1334)
1 parent 663e190 commit 83b99a7

File tree

1 file changed

+210
-0
lines changed

1 file changed

+210
-0
lines changed
Lines changed: 210 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,210 @@
1+
---
2+
title: "2025-11-25: webpack v5.103.0, Prisma 7, Angular 21"
3+
author: "azu"
4+
translator: rewrite0w0
5+
layout: post
6+
date: 2025-11-25T12:20:17.712Z
7+
category: JSer
8+
tags:
9+
- React
10+
- TypeScript
11+
- webpack
12+
- MicroFrontend
13+
- css
14+
15+
---
16+
17+
JSer.info #756 - webpack v5.103.0 출시됩니다.
18+
19+
- [Release v5.103.0 · webpack/webpack](https://github.com/webpack/webpack/releases/tag/v5.103.0)
20+
21+
플러그인으로 DotenvPlugin와 WebpackManifestPlugin가 추가되었습니다. 또한, `import.meta.env`, `import.meta.dirname`, `import.meta.filename` 지원이 포함됩니다.
22+
그 외로는, `import.defer()` 지원, CSS 대상 `exportType` 옵션 추가, CSS Modules의 `composes` 프로퍼티 지원도 포함됩니다.
23+
24+
---
25+
26+
Prisma 7.0.0 출시됩니다.
27+
28+
- [Release 7.0.0 · prisma/prisma](https://github.com/prisma/prisma/releases/tag/7.0.0)
29+
- [Prisma 7 Release: Rust-Free, Faster, and More Compatible](https://www.prisma.io/blog/announcing-prisma-orm-7-0-0?via=prisma7)
30+
31+
이 버전에는, Rust-free의 Prisma 클라리언트가 기본값으로 변경됩니다. `prisma generate` 코드 생성처 변경이나 postinstall hook 삭제가 있습니다, 생성하는 자료형을 개선함으로, 자료형 체크 속도가 향상됩니다.
32+
33+
---
34+
35+
Angular v21 출시됩니다.
36+
37+
- [Announcing Angular v21. Authors: Jens Kuehlers, Mark "Techson"… | by Angular | Nov, 2025 | Angular Blog](https://blog.angular.dev/announcing-angular-v21-57946c34f14b)
38+
39+
새로운 기능으로, 실험적으로 Signal Forms가 추가됩니다. 또한, 접근성 중시한 헤드레스 컴포넌트 라이브러리 Angular Aria가 Developer Preview가 됩니다. Vitest가 기본 테스트러너되는 것이 Stable이 되어, 새로운 애플리케이션에는 zone.js가 기본적으로 포함되지 않습니다. 그 외로는, Angular MCP 서버가 Stable이 되어, 템플릿에서 정규표현 지원이 포함됩니다.
40+
41+
42+
----
43+
44+
{% include inline-support.html %}
45+
46+
----
47+
48+
<h1 class="site-genre">헤드라인</h1>
49+
50+
----
51+
52+
## Release v5.103.0 · webpack/webpack
53+
[github.com/webpack/webpack/releases/tag/v5.103.0](https://github.com/webpack/webpack/releases/tag/v5.103.0 "Release v5.103.0 · webpack/webpack")
54+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p>
55+
56+
webpack v5.103.0 출시.
57+
DotenvPlugin/WebpackManifestPlugin 추가, `import.meta.env`/`import.meta.dirname`/`import.meta.filename` 지원.
58+
`import.defer()` 지원/CSS 대상 `exportType` 옵션 추가/CSS Modules의 `composes` 프로퍼티 지원
59+
60+
61+
----
62+
63+
## Release v11.0.0 · immerjs/immer
64+
[github.com/immerjs/immer/releases/tag/v11.0.0](https://github.com/immerjs/immer/releases/tag/v11.0.0 "Release v11.0.0 · immerjs/immer")
65+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
66+
67+
Immer v11.0.0 출시.
68+
내부 구현을 다시 작성해 성능 개선
69+
70+
----
71+
72+
## Bun v1.3.3 | Bun Blog
73+
[bun.com/blog/bun-v1.3.3](https://bun.com/blog/bun-v1.3.3 "Bun v1.3.3 | Bun Blog")
74+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
75+
76+
Bun v1.3.3 출시.
77+
`CompressionStream`/`DecompressionStream` 지원, standalone executable의 `.env``bunfig.toml` 읽기 제어 옵션 추가.
78+
`bun test``retry`/`repeats` 옵션 추가, `--no-env-file` 플래그 추가, SQLite 3.51.0으로 업데이트
79+
80+
81+
----
82+
83+
## Release 7.0.0 · prisma/prisma
84+
[github.com/prisma/prisma/releases/tag/7.0.0](https://github.com/prisma/prisma/releases/tag/7.0.0 "Release 7.0.0 · prisma/prisma")
85+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">prisma</span> <span class="jser-tag">ReleaseNote</span></p>
86+
87+
Prisma 7.0.0 출시.
88+
Rust-free의 Prisma 클라리언트가 기본이 되도록 변경, `prisma generate` 코드 생성처 변경이나 postinstall hook 삭제.
89+
생성하는 자료형을 개선해 자료형 체크 속도 개선
90+
91+
- [Prisma 7 Release: Rust-Free, Faster, and More Compatible](https://www.prisma.io/blog/announcing-prisma-orm-7-0-0?via=prisma7 "Prisma 7 Release: Rust-Free, Faster, and More Compatible")
92+
93+
----
94+
95+
## Release pnpm 11 Alpha 0 · pnpm/pnpm
96+
[github.com/pnpm/pnpm/releases/tag/v11.0.0-alpha.0](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-alpha.0 "Release pnpm 11 Alpha 0 · pnpm/pnpm")
97+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
98+
99+
pnpm v11.0.0-alpha.0 출시.
100+
Pure ESM으로 변경, 설정 읽기 변경, Node.js 18 지원 종료, 캐시를 v8.serialize해 바이너리 파일을 사용하도록 변경
101+
102+
103+
----
104+
105+
## Announcing Angular v21. Authors: Jens Kuehlers, Mark “Techson”… | by Angular | Nov, 2025 | Angular Blog
106+
[blog.angular.dev/announcing-angular-v21-57946c34f14b](https://blog.angular.dev/announcing-angular-v21-57946c34f14b "Announcing Angular v21. Authors: Jens Kuehlers, Mark “Techson”… | by Angular | Nov, 2025 | Angular Blog")
107+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Angular</span> <span class="jser-tag">ReleaseNote</span></p>
108+
109+
Angular v21 출시.
110+
실험적으로 Signal Forms 추가, 접근성 중시한 헤드레스 컴포넌트 라이브러리 Angular Aria가 Developer Preview으로.
111+
Vitest가 기본 테스트러너로 Stable 됨, 새로운 애플리케이션에는 zone.js가 기본적으로 포함되지 않음.
112+
Angular MCP 서버가 Stable으로, 템플릿 정규표현 지원
113+
114+
115+
----
116+
117+
## Release v1.57.0 · microsoft/playwright
118+
[github.com/microsoft/playwright/releases/tag/v1.57.0](https://github.com/microsoft/playwright/releases/tag/v1.57.0 "Release v1.57.0 · microsoft/playwright")
119+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">playwright</span> <span class="jser-tag">ReleaseNote</span></p>
120+
121+
playwright v1.57.0 출시.
122+
HTML 레포트에 테스트 느린 순으로 게시하는 Speedboard 추가, Chromium가 아닌 Chrome for Testing 이용하도록, `webServer`으로 `wait` 옵션 추가. Page#accessibility API 삭제
123+
124+
125+
----
126+
<h1 class="site-genre">읽을거리</h1>
127+
128+
----
129+
130+
## Introducing Phased Package Installations
131+
[blog.vlt.sh/blog/vlt-build](https://blog.vlt.sh/blog/vlt-build "Introducing Phased Package Installations")
132+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">vlt</span> <span class="jser-tag">article</span></p>
133+
134+
vlt는 `vlt install``vlt build`으로 명령을 나눠서, 설치할 때에 스크립트 실행을 기본적으로 하지 않도록한 이야기
135+
136+
137+
----
138+
139+
## Moving Mountains: How We Migrated from Enzyme to React Testing Library
140+
[product.hubspot.com/blog/migrated-from-enzyme-to-react-testing-library](https://product.hubspot.com/blog/migrated-from-enzyme-to-react-testing-library "Moving Mountains: How We Migrated from Enzyme to React Testing Library")
141+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">refactoring</span> <span class="jser-tag">article</span></p>
142+
143+
Enzyme에서 Testing Library으로 이행한 이야기
144+
145+
146+
----
147+
<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
148+
149+
----
150+
151+
## Fumadocs
152+
[fumadocs.dev/](https://fumadocs.dev/ "Fumadocs")
153+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">document</span> <span class="jser-tag">library</span></p>
154+
155+
React 사용한 문서 프레임워크
156+
157+
158+
----
159+
<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
160+
161+
----
162+
163+
## arktype/ark/attest at main · arktypeio/arktype
164+
[github.com/arktypeio/arktype/tree/main/ark/attest](https://github.com/arktypeio/arktype/tree/main/ark/attest "arktype/ark/attest at main · arktypeio/arktype")
165+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">testing</span> <span class="jser-tag">benchmark</span> <span class="jser-tag">library</span></p>
166+
167+
ArkType가 이용하고 있는 TypeScript 테스트, 벤치마크 프레임워크.
168+
TypeScript 자료형 성능 메트릭스 게시 가능
169+
170+
----
171+
172+
## Web Fragments - A radically new way to do micro-frontends.
173+
[web-fragments.dev/](https://web-fragments.dev/ "Web Fragments - A radically new way to do micro-frontends.")
174+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">MicroFrontend</span> <span class="jser-tag">library</span></p>
175+
176+
JavaScript 컨텍스트를 iframe 분리해서, CSS 스타일 컨텍스트를 Shadow DOM으로 분리하는 Microfrontend 프레임워크.
177+
Cloudflare에서 이용되고 있음
178+
179+
180+
----
181+
182+
## Type-safe Composable CSS - styleframe
183+
[www.styleframe.dev/](https://www.styleframe.dev/ "Type-safe Composable CSS - styleframe")
184+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">css</span> <span class="jser-tag">library</span></p>
185+
186+
TypeScript에서 자료형 안전으로 작성하는 CSS 프레임워크.
187+
CSS Variable이나 Theme를 Composables으로 합성할 수 있는 API를 가지고 있음
188+
189+
190+
----
191+
192+
## tmikov/imgui-react-runtime: React + Dear ImGui + Static Hermes
193+
[github.com/tmikov/imgui-react-runtime](https://github.com/tmikov/imgui-react-runtime "tmikov/imgui-react-runtime: React + Dear ImGui + Static Hermes")
194+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Native</span> <span class="jser-tag">Tools</span></p>
195+
196+
Hermes와 Dear ImGui와 React를 사용한 GUI 프레임워크.
197+
수 MB 정도 단위로 실행 가능한 네이티브 바이너리로 컴파일 가능
198+
199+
- [ocornut/imgui: Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies](https://github.com/ocornut/imgui "ocornut/imgui: Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies")
200+
201+
----
202+
203+
## 3ru/eslint-plugin-baseline-js: ✅ ESLint plugin to enforce the JavaScript Baseline.
204+
[github.com/3ru/eslint-plugin-baseline-js](https://github.com/3ru/eslint-plugin-baseline-js "3ru/eslint-plugin-baseline-js: ✅ ESLint plugin to enforce the JavaScript Baseline.")
205+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">plugin</span> <span class="jser-tag">library</span></p>
206+
207+
Baseline를 체크하는 ESLint 플러그인
208+
209+
210+
----

0 commit comments

Comments
 (0)