Merge pull request #1260 from rewrite0w0/translate/20250201

translate: 2025-02-01 article

_i18n/ko/_posts/2025/2025-02-01-bun-1.2-tailwind-css-v4.0-typescript-5.8-beta.md

@@ -0,0 +1,218 @@
+---
+title: "2025-02-01: Bun 1.2, Tailwind CSS v4.0, TypeScript 5.8 Beta"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2025-02-01T05:55:22.854Z
+category: JSer
+tags:
+- Bun
+- ESLint
+- pnpm
+- TypeScript
+- npm
+
+---
+
+JSer.info #724 - Bun 1.2가 출시되었어요.
+
+- [Bun 1.2 | Bun Blog](https://bun.sh/blog/bun-v1.2)
+
+Bun 1.2은 Node.js와 호환성 향상으로 `node:http2`/`node:dgram`/`node:cluster` 지원 추가되었습니다.
+또한, `Bun.s3`의 S3 API 추가, `Bun.sql` Postgres 지원, 텍스트 기반 `bun.lock` 파일 지원됩니다.
+그 외로는, `package.json`에서 주석 작성할 수 있도록, `.npmrc` 파일 지원.`bun run --filter`, `bun publish` 명령어 지원, `bun patch` 지원 추가되었습니다.
+
+---
+
+Tailwind CSS v4.0가 출시되었어요.
+
+- [Tailwind CSS v4.0 - Tailwind CSS](https://tailwindcss.com/blog/tailwindcss-v4)
+
+Lightning CSS 사용한 새로운 엔진으로 변경, PostCSS 외부 플러그인에 의존하지 않도록 변경, Vite 플러그인 추가되었습니다.
+또한, `@source` directive 추가, CSS-first configuration 지원, `@container`/`starting` variant/`not-*` variants 추가가 있습니다.
+
+---
+
+TypeScript 5.8 Beta가 출시되었어요.
+
+- [Announcing TypeScript 5.8 Beta - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/)
+
+conditional return type 개선, `require(esm)` 대응, `--module node18` 추가되었습니다.
+Node.js의 `--experimental-strip-types` 조합해서 설정하는 `--erasableSyntaxOnly` 플래그 추가, `--libReplacement` 플래그 추가도 있습니다.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Bun 1.2 | Bun Blog
+[bun.sh/blog/bun-v1.2](https://bun.sh/blog/bun-v1.2 "Bun 1.2 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.2 출시.
+Node.js와 호환성 향상, `node:http2`/`node:dgram`/`node:cluster` 지원.
+`Bun.s3` S3 API 추가, `Bun.sql` Postgres 지원, 텍스트 기반 `bun.lock` 파일 지원.
+`package.json`에 주석 남기기 가능, `.npmrc` 파일 지원.
+`bun run --filter`, `bun publish` 명령어 지원, `bun patch` 지원
+
+
+----
+
+## Release v1.50.0 · microsoft/playwright
+[github.com/microsoft/playwright/releases/tag/v1.50.0](https://github.com/microsoft/playwright/releases/tag/v1.50.0 "Release v1.50.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.50.0 출시.
+`test.step`에 `timeout` 옵션 추가, `test.step.skip()` 추가, `toMatchAriaSnapshot()`의 결과를 YAML 파일로 저장 가능.
+`toHaveAccessibleErrorMessage()` 추가, `testConfig.webServer`에 `gracefulShutdown` 옵션 추가
+
+
+----
+
+## Tailwind CSS v4.0 - Tailwind CSS
+[tailwindcss.com/blog/tailwindcss-v4](https://tailwindcss.com/blog/tailwindcss-v4 "Tailwind CSS v4.0 - Tailwind CSS")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css </span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Tailwind CSS v4 출시.
+Lightning CSS 사용한 새로운 엔진으로 변경, PostCSS 외부 플러그인에 의존하지 않도록 변경, Vite 플러그인 추가.
+`@source` directive 추가, CSS-first configuration 지원.
+`@container`/`starting` variant/`not-*` variants 추가
+
+
+----
+
+## ESLint v9.19.0 released - ESLint - Pluggable JavaScript Linter
+[eslint.org/blog/2025/01/eslint-v9.19.0-released/](https://eslint.org/blog/2025/01/eslint-v9.19.0-released/ "ESLint v9.19.0 released - ESLint - Pluggable JavaScript Linter")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>
+
+ESLint v9.19.0 출시.
+`linterOptions.reportUnusedInlineConfigs` 옵션 추가
+
+
+----
+
+## Release pnpm 10.1 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v10.1.0](https://github.com/pnpm/pnpm/releases/tag/v10.1.0 "Release pnpm 10.1 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v10.1.0 출시.
+무시된 빌드 스크립트 의존 게시하는 `pnpm ignored-builds` 명령어/승인하는 `pnpm approve-builds` 명령어 추가.
+빌드 스크립트를 무시하는 의존을 정의하는 `pnpm.ignoredBuiltDependencies` 옵션 추가.
+reinstall 최적화를 유효화하는 `optimistic-repeat-install` 설정 추가
+
+
+----
+
+## Bun v1.2.1 | Bun Blog
+[bun.sh/blog/bun-v1.2.1](https://bun.sh/blog/bun-v1.2.1 "Bun v1.2.1 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.2.1 출시.
+S3 `storageClass` 지원, `crypto.generateKeyPair`으로 X25519 지원, `toMatchInlineSnapshot()` 지원.
+Buffer 기본적으로 zero fill하는 `--zero-fill-buffers` 지원
+
+
+----
+
+## Announcing TypeScript 5.8 Beta - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/ "Announcing TypeScript 5.8 Beta - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.8 Beta 출시.
+conditional return type 개선, `require(esm)` 대응, `--module node18` 추가.
+Node.js `--experimental-strip-types`와 조합해서 설정하는 `--erasableSyntaxOnly` 플래그 추가, `--libReplacement` 플래그 추가
+
+
+----
+
+## Release v11.1.0 · npm/cli
+[github.com/npm/cli/releases/tag/v11.1.0](https://github.com/npm/cli/releases/tag/v11.1.0 "Release v11.1.0 · npm/cli")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+npm v11.1.0 출시.
+비권장 해제하는 `npm unprecate` 명령어 추가
+
+
+----
+
+## Node.js — Node v23.7.0 (Current)
+[nodejs.org/en/blog/release/v23.7.0](https://nodejs.org/en/blog/release/v23.7.0 "Node.js — Node v23.7.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v23.7.0 출시.
+`fs.glob`가 `exclude` 옵션 지원.
+TextContext에 `waitFor()` 추가, `assert.fileSnapshot()`으로 스냅샷 테스트 지원, `assert.register()`으로 독자적 assertion 지원.
+
+
+----
+
+## Release v0.31.0 · nodejs/corepack
+[github.com/nodejs/corepack/releases/tag/v0.31.0](https://github.com/nodejs/corepack/releases/tag/v0.31.0 "Release v0.31.0 · nodejs/corepack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">npm</span> <span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+corepack v0.31.0 출시.
+npm registry으로 signatures가 여럿있는 경우에 실패하는 문제를 수정(`corepack use pnpm`으로 설치할 수 없는 문제 수정)
+
+- [\`[email protected]\` / \`[email protected]\` cannot be installed due to key id mismatch · Issue #612 · nodejs/corepack](https://github.com/nodejs/corepack/issues/612 "\&#x60;[email protected]\&#x60; / \&#x60;[email protected]\&#x60; cannot be installed due to key id mismatch · Issue #612 · nodejs/corepack")
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## eslint-plugin-no-barrel-files 도입한 Barrel files를 그만둔 이야기 | PR TIMES 개발자 블로그
+[developers.prtimes.jp/2025/01/28/avoid-barrel-files-in-prtimes/](https://developers.prtimes.jp/2025/01/28/avoid-barrel-files-in-prtimes/ "eslint-plugin-no-barrel-files 도입한 Barrel files를 그만둔 이야기 | PR TIMES 개발자 블로그")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">article</span></p>
+
+복수 모듈을 하나의 index 파일에 모아 export하는 Barrel files를 ESLint로 체크해서 변경하는 방법에 대하여
+
+
+----
+
+## Accessibility essentials every front-end developer should know by Martijn Hols
+[martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know](https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know "Accessibility essentials every front-end developer should know by Martijn Hols")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">accessibility</span> <span class="jser-tag">article</span></p>
+
+웹 접근성 기본에 대한 해설
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## irsyadadl/justd: Justd is a chill set of React components, built on top of React Aria Components and Tailwind CSS. Easy to customize and just copy &amp; paste into your React projects.
+[github.com/irsyadadl/justd](https://github.com/irsyadadl/justd "irsyadadl/justd: Justd is a chill set of React components, built on top of React Aria Components and Tailwind CSS. Easy to customize and just copy &amp; paste into your React projects.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">UI</span> <span class="jser-tag">library</span></p>
+
+React Aria + Tailwind로 복붙 가능한 컴포넌트 생성 도구킷
+
+
+----
+
+## Standard Schema
+[standardschema.dev/](https://standardschema.dev/ "Standard Schema")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">spec</span> <span class="jser-tag">library</span></p>
+
+TypeScript 스킴 검증 라이브러리 공통 인터페이스 정의. 검증 라이브러리를 이용하는 라이브러리가, 외부에서 공통 인터페이스 구현을 받아들임으로 특정 라이브러리에 의존하지 않는 구조.
+zod/Valibot/Arktype 등이 대응, 각 라이브러리 대응 상황도 정리되어있음.
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## 갑자기 프로그래밍 JavaScript | 타카오카 유스케 | 책 | 통판 | Amazon
+[www.amazon.co.jp/dp/479818439X/](https://www.amazon.co.jp/dp/479818439X/ "갑자기 프로그래밍 JavaScript | 타카오카 유스케 | 책 | 통판 | Amazon")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">book</span></p>
+
+JavaScript 입문서
+
+
+----