|
| 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