translate: 2024-07-11 article (#1207)

_i18n/ko/_posts/2024/2024-07-11-esbuild-v0.220.23-node.js-22.4.0-pnpm-9.5-catalogs.md

@@ -0,0 +1,209 @@
+---
+title: "2024-07-11: esbuild v0.22/0.23, Node.js 22.4.0, pnpm 9.5 Catalogs"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-07-11T00:56:49.385Z
+category: JSer
+tags:
+- nodejs
+- TypeScript
+- pnpm
+- esbuild
+- Bun
+
+---
+
+JSer.info #699 - esbuild v0.22.0 가 출시되었어요.
+
+- [Release v0.22.0 · evanw/esbuild](https://github.com/evanw/esbuild/releases/tag/v0.22.0)
+- [Release v0.23.0 · evanw/esbuild](https://github.com/evanw/esbuild/releases/tag/v0.23.0)
+
+v0.22 버전은 `--platform=node` 지정할 때 `--package=external`를 기본값으로 하는 변경이 있었습니다만, AWS CDK 등이 `0.x` 같이 최신 버전을 설치하는 구조로 되어 있어 문제를 일으켰기에 0.23.0 버전에서 본래 동작으로 revert 했어요.([AWS CDK도 수정](https://github.com/aws/aws-cdk/pull/30726)되었어요)
+또한, Windows7,8 같은 오래된 OS 지원 종료, `es2024` 지원, `@esbuild/wasi-preview1` 패키지 공개가 있어요
+
+---
+
+Node.js v22.4.0가 출시되었어요.
+
+- [Release 2024-07-02, Version 22.4.0 (Current), @targos · nodejs/node](https://github.com/nodejs/node/releases/tag/v22.4.0)
+
+실험적으로 Web Storage API(`localStorage`/`sessionStorage`) 지원, WebSocket API를 Stable으로 변경했어요.
+
+---
+
+pnpm v9.5.0 가 출시되었어요.
+
+- [Release pnpm 9.5 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v9.5.0)
+
+pnpm 9.5 버전은 Catalogs 기능이 추가되었어요.
+이는 복수 패키지 버전을 지정할 때 이름을 붙여서 카탈로그처럼 관리할 수 있는 기능으로, monorepo 내에 패키지 버전을 통일할 때 사용하기 위한 목적으로 도입되었어요.
+정의한 카탈로그 버전 참조하기 위한 `catalog:`도 추가되었어요.
+
+상세한 구조와 사용 방법은, 다음 페이지에 공개되어 있어요.
+
+- [Catalogs | pnpm](https://pnpm.io/catalogs)
+- [pnpm 9.5 Introduces Catalogs: Shareable Dependency Version Specifiers - Socket](https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers)
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Release v0.22.0 · evanw/esbuild
+[github.com/evanw/esbuild/releases/tag/v0.22.0](https://github.com/evanw/esbuild/releases/tag/v0.22.0 "Release v0.22.0 · evanw/esbuild")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">esbuild</span> <span class="jser-tag">ReleaseNote</span></p>
+
+esbuild v0.22.0 출시.
+`--platform=node` 지정할 때 `--package=external` 기본값으로 했지만, AWS CDK 등에서 문제를 일어켜 0.23.0에서는 본래 동작으로 revert.
+Windows7,8 등 오래된 OS 지원 종료, `es2024` 지원, `@esbuild/wasi-preview1` 패키지 공개
+
+- [Release v0.23.0 · evanw/esbuild](https://github.com/evanw/esbuild/releases/tag/v0.23.0 "Release v0.23.0 · evanw/esbuild")
+
+----
+
+## Bun v1.1.18 | Bun Blog
+[bun.sh/blog/bun-v1.1.18](https://bun.sh/blog/bun-v1.1.18 "Bun v1.1.18 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.1.18 출시.
+`.npmrc` 지원, `enum`의 inlining 대응, 정수 folding 개선
+
+
+----
+
+## Release 2024-07-02, Version 22.4.0 (Current), @targos · nodejs/node
+[github.com/nodejs/node/releases/tag/v22.4.0](https://github.com/nodejs/node/releases/tag/v22.4.0 "Release 2024-07-02, Version 22.4.0 (Current), @targos · nodejs/node")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js 22.4.0 출시.
+실험적으로 Web Storage API(`localStorage`/`sessionStorage`) 지원, WebSocket API를 Stable으로 변경
+
+
+----
+
+## Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders
+[github.com/nodejs/loaders/issues/208](https://github.com/nodejs/loaders/issues/208 "Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">issue</span></p>
+
+Node.js에서 TypeScript 코드 실행 지원 관련한 논의 Issue
+
+
+----
+
+## Release pnpm 9.5 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v9.5.0](https://github.com/pnpm/pnpm/releases/tag/v9.5.0 "Release pnpm 9.5 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v9.5.0 출시.
+복수 패키지 버전을 정리해 관리할 수 있는 catalogs 기능 추가
+
+
+----
+
+## Node.js — Monday, July 8, 2024 Security Releases
+[nodejs.org/en/blog/vulnerability/july-2024-security-releases](https://nodejs.org/en/blog/vulnerability/july-2024-security-releases "Node.js — Monday, July 8, 2024 Security Releases")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">security</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js 보안 업데이트
+
+- Node v22.4.1 (Current)
+- Node v20.15.1 (LTS)
+- Node v18.20.4 (LTS)
+
+출시됨.
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## What&#039;s coming next for ESLint - ESLint - Pluggable JavaScript Linter
+[eslint.org/blog/2024/07/whats-coming-next-for-eslint/](https://eslint.org/blog/2024/07/whats-coming-next-for-eslint/ "What&#039;s coming next for ESLint - ESLint - Pluggable JavaScript Linter")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">article</span></p>
+
+ESLint 미래에 대해.
+지금까지는 JavaScript만을 대상했지만, language plugins으로 인해 js 이외의 언어도 대응할 수 있다는 이야기
+
+
+----
+
+## Ladybird
+[ladybird.org/announcement/](https://ladybird.org/announcement/ "Ladybird")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">article</span></p>
+
+SerenityOS 프로제긑 내부에서 개발되던 Ladybird 브라우저가 독립.
+Chromium이나 WebKit 같은 기존의 엔진을 사용않고 1부터 작성하는 브라우저 프로젝트
+
+- [SerenityOS](https://serenityos.org/ "SerenityOS")
+
+----
+
+## pnpm 9.5 Introduces Catalogs: Shareable Dependency Version Specifiers - Socket
+[socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers](https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers "pnpm 9.5 Introduces Catalogs: Shareable Dependency Version Specifiers - Socket")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">article</span></p>
+
+pnpm 9.5 도입된 카탈로그 기능에 대해.
+monorepo에서 같은 패키지 버전을 참조하는 패키지 카탈로그를 정의 가능
+
+
+----
+
+## ESModules 플랫폼과 에코시스템 사이에서 | poteboy
+[poteboy.dev/posts/20240708-esm-platform-and-ecosystem](https://poteboy.dev/posts/20240708-esm-platform-and-ecosystem "ESModules 플랫폼과 에코시스템 사이에서 | poteboy")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">module</span> <span class="jser-tag">article</span></p>
+
+모듈 평가 그래프와 Bundler에서 Top-Level await 다루기에 대해서
+
+
+----
+
+## How to use container queries now  |  Blog  |  web.dev
+[web.dev/blog/how-to-use-container-queries-now?hl&#x3D;en](https://web.dev/blog/how-to-use-container-queries-now?hl=en "How to use container queries now  |  Blog  |  web.dev")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+CSS의 container query에 관련하여
+
+
+----
+
+## Understanding React Compiler | Tony Alicea
+[tonyalicea.dev/blog/understanding-react-compiler/](https://tonyalicea.dev/blog/understanding-react-compiler/ "Understanding React Compiler | Tony Alicea")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p>
+
+React Compiler에 대하여
+
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## Web Performance Guide | SpeedCurve
+[www.speedcurve.com/web-performance-guide/](https://www.speedcurve.com/web-performance-guide/ "Web Performance Guide | SpeedCurve")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">performance</span> <span class="jser-tag">document</span></p>
+
+웹 퍼포먼스 관련 웹사이트.
+비즈니스의 메타크릭스 퍼포먼스, WebVitals, 최적화 기법에 대하여
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## OpenAPI TypeScript
+[openapi-ts.dev/](https://openapi-ts.dev/ "OpenAPI TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">OpenAPI</span> <span class="jser-tag">Tools</span> <span class="jser-tag">library</span></p>
+
+OpenAPI 스키마에서 TypeScript 자료형 정의나 Fetch하는 클라이언트를 다루는 도구/라이브러리
+
+
+----