Skip to content

translate: 2025-11-25 article #1334

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
azu merged 1 commit into from
Nov 26, 2025
Merged

translate: 2025-11-25 article #1334

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
210 changes: 210 additions & 0 deletions _i18n/ko/_posts/2025/2025-11-25-webpack-v5.103.0-prisma-7-angular-21.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,210 @@
---
title: "2025-11-25: webpack v5.103.0, Prisma 7, Angular 21"
author: "azu"
translator: rewrite0w0
layout: post
date: 2025-11-25T12:20:17.712Z
category: JSer
tags:
- React
- TypeScript
- webpack
- MicroFrontend
- css

---

JSer.info #756 - webpack v5.103.0 출시됩니다.

- [Release v5.103.0 · webpack/webpack](https://github.com/webpack/webpack/releases/tag/v5.103.0)

플러그인으로 DotenvPlugin와 WebpackManifestPlugin가 추가되었습니다. 또한, `import.meta.env`, `import.meta.dirname`, `import.meta.filename` 지원이 포함됩니다.
그 외로는, `import.defer()` 지원, CSS 대상 `exportType` 옵션 추가, CSS Modules의 `composes` 프로퍼티 지원도 포함됩니다.

---

Prisma 7.0.0 출시됩니다.

- [Release 7.0.0 · prisma/prisma](https://github.com/prisma/prisma/releases/tag/7.0.0)
- [Prisma 7 Release: Rust-Free, Faster, and More Compatible](https://www.prisma.io/blog/announcing-prisma-orm-7-0-0?via=prisma7)

이 버전에는, Rust-free의 Prisma 클라리언트가 기본값으로 변경됩니다. `prisma generate` 코드 생성처 변경이나 postinstall hook 삭제가 있습니다, 생성하는 자료형을 개선함으로, 자료형 체크 속도가 향상됩니다.

---

Angular v21 출시됩니다.

- [Announcing Angular v21. Authors: Jens Kuehlers, Mark "Techson"… | by Angular | Nov, 2025 | Angular Blog](https://blog.angular.dev/announcing-angular-v21-57946c34f14b)

새로운 기능으로, 실험적으로 Signal Forms가 추가됩니다. 또한, 접근성 중시한 헤드레스 컴포넌트 라이브러리 Angular Aria가 Developer Preview가 됩니다. Vitest가 기본 테스트러너되는 것이 Stable이 되어, 새로운 애플리케이션에는 zone.js가 기본적으로 포함되지 않습니다. 그 외로는, Angular MCP 서버가 Stable이 되어, 템플릿에서 정규표현 지원이 포함됩니다.


----

{% include inline-support.html %}

----

<h1 class="site-genre">헤드라인</h1>

----

## Release v5.103.0 · webpack/webpack
[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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p>

webpack v5.103.0 출시.
DotenvPlugin/WebpackManifestPlugin 추가, `import.meta.env`/`import.meta.dirname`/`import.meta.filename` 지원.
`import.defer()` 지원/CSS 대상 `exportType` 옵션 추가/CSS Modules의 `composes` 프로퍼티 지원


----

## Release v11.0.0 · immerjs/immer
[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")
<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>

Immer v11.0.0 출시.
내부 구현을 다시 작성해 성능 개선

----

## Bun v1.3.3 | Bun Blog
[bun.com/blog/bun-v1.3.3](https://bun.com/blog/bun-v1.3.3 "Bun v1.3.3 | Bun Blog")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>

Bun v1.3.3 출시.
`CompressionStream`/`DecompressionStream` 지원, standalone executable의 `.env`와 `bunfig.toml` 읽기 제어 옵션 추가.
`bun test`의 `retry`/`repeats` 옵션 추가, `--no-env-file` 플래그 추가, SQLite 3.51.0으로 업데이트


----

## Release 7.0.0 · prisma/prisma
[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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">prisma</span> <span class="jser-tag">ReleaseNote</span></p>

Prisma 7.0.0 출시.
Rust-free의 Prisma 클라리언트가 기본이 되도록 변경, `prisma generate` 코드 생성처 변경이나 postinstall hook 삭제.
생성하는 자료형을 개선해 자료형 체크 속도 개선

- [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")

----

## Release pnpm 11 Alpha 0 · pnpm/pnpm
[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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>

pnpm v11.0.0-alpha.0 출시.
Pure ESM으로 변경, 설정 읽기 변경, Node.js 18 지원 종료, 캐시를 v8.serialize해 바이너리 파일을 사용하도록 변경


----

## Announcing Angular v21. Authors: Jens Kuehlers, Mark “Techson”… | by Angular | Nov, 2025 | Angular Blog
[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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Angular</span> <span class="jser-tag">ReleaseNote</span></p>

Angular v21 출시.
실험적으로 Signal Forms 추가, 접근성 중시한 헤드레스 컴포넌트 라이브러리 Angular Aria가 Developer Preview으로.
Vitest가 기본 테스트러너로 Stable 됨, 새로운 애플리케이션에는 zone.js가 기본적으로 포함되지 않음.
Angular MCP 서버가 Stable으로, 템플릿 정규표현 지원


----

## Release v1.57.0 · microsoft/playwright
[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")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">playwright</span> <span class="jser-tag">ReleaseNote</span></p>

playwright v1.57.0 출시.
HTML 레포트에 테스트 느린 순으로 게시하는 Speedboard 추가, Chromium가 아닌 Chrome for Testing 이용하도록, `webServer`으로 `wait` 옵션 추가. Page#accessibility API 삭제


----
<h1 class="site-genre">읽을거리</h1>

----

## Introducing Phased Package Installations
[blog.vlt.sh/blog/vlt-build](https://blog.vlt.sh/blog/vlt-build "Introducing Phased Package Installations")
<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>

vlt는 `vlt install`와 `vlt build`으로 명령을 나눠서, 설치할 때에 스크립트 실행을 기본적으로 하지 않도록한 이야기


----

## Moving Mountains: How We Migrated from Enzyme to React Testing Library
[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")
<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>

Enzyme에서 Testing Library으로 이행한 이야기


----
<h1 class="site-genre">웹사이트, 서비스, 문서</h1>

----

## Fumadocs
[fumadocs.dev/](https://fumadocs.dev/ "Fumadocs")
<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>

React 사용한 문서 프레임워크


----
<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>

----

## arktype/ark/attest at main · arktypeio/arktype
[github.com/arktypeio/arktype/tree/main/ark/attest](https://github.com/arktypeio/arktype/tree/main/ark/attest "arktype/ark/attest at main · arktypeio/arktype")
<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>

ArkType가 이용하고 있는 TypeScript 테스트, 벤치마크 프레임워크.
TypeScript 자료형 성능 메트릭스 게시 가능

----

## Web Fragments - A radically new way to do micro-frontends.
[web-fragments.dev/](https://web-fragments.dev/ "Web Fragments - A radically new way to do micro-frontends.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">MicroFrontend</span> <span class="jser-tag">library</span></p>

JavaScript 컨텍스트를 iframe 분리해서, CSS 스타일 컨텍스트를 Shadow DOM으로 분리하는 Microfrontend 프레임워크.
Cloudflare에서 이용되고 있음


----

## Type-safe Composable CSS - styleframe
[www.styleframe.dev/](https://www.styleframe.dev/ "Type-safe Composable CSS - styleframe")
<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>

TypeScript에서 자료형 안전으로 작성하는 CSS 프레임워크.
CSS Variable이나 Theme를 Composables으로 합성할 수 있는 API를 가지고 있음


----

## tmikov/imgui-react-runtime: React + Dear ImGui + Static Hermes
[github.com/tmikov/imgui-react-runtime](https://github.com/tmikov/imgui-react-runtime "tmikov/imgui-react-runtime: React + Dear ImGui + Static Hermes")
<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>

Hermes와 Dear ImGui와 React를 사용한 GUI 프레임워크.
수 MB 정도 단위로 실행 가능한 네이티브 바이너리로 컴파일 가능

- [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")

----

## 3ru/eslint-plugin-baseline-js: ✅ ESLint plugin to enforce the JavaScript Baseline.
[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.")
<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>

Baseline를 체크하는 ESLint 플러그인


----