tranlsate: 2024-09-16 article

_i18n/ja/_posts/2024/2024-09-16-biome-v1.9-eslint-8.xeol-typescript-5.6-es5.md

@@ -13,7 +13,7 @@ tags:
 
 ---
 
-JSer.info #707 - Biome v1.9リリースされました
+JSer.info #707 - Biome v1.9がリリースされました。
 
 - [Biome v1.9 Anniversary Release | Biome](https://biomejs.dev/blog/biome-v1-9/)
 

_i18n/ko/_posts/2024/2024-09-16-biome-v1.9-eslint-8.xeol-typescript-5.6-es5.md

@@ -0,0 +1,186 @@
+---
+title: "2024-09-16: Biome v1.9, ESLint 8.xのEOL, TypeScript 5.6, ES5의 현재"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-09-16T03:04:06.569Z
+category: JSer
+tags:
+- nodejs
+- UI
+- Rust
+- Tools
+- TypeScript
+
+---
+
+JSer.info #707 - Biome v1.9가 출시되었어요.
+
+- [Biome v1.9 Anniversary Release | Biome](https://biomejs.dev/blog/biome-v1-9/)
+
+CSS의 Formatter/Linter가 Stable, GraphQL의 Formatter/Linter 추가되었어요.
+[GritQL](https://grit.io/) 사용해 `biome search` 명령어 추가, `.editorconfig` 지원도 추가되었어요.
+
+----
+
+ESLint v8.x 지원이 2024년 10월 5일부로 종료됨이 발표되었어요.
+
+- [Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter](https://eslint.org/blog/2024/09/eslint-v8-eol-version-support/)
+
+ESLint 현재 최신 버전은 v9.x 입니다.
+미행 가이드는 다음 페이지에 공개되어있어요.
+
+- [Configuration Migration Guide - ESLint - Pluggable JavaScript Linter](https://eslint.org/docs/latest/use/configure/migration-guide)
+
+----
+
+TypeScript 5.6가 출시되었어요.
+
+- [Announcing TypeScript 5.6 - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/)
+
+ESLint의 `no-constant-binary-expression`처럼 항상 true/nullish가 되는 잘 못 된 작성방법을 에러로 하도록 변경, Iterator Helper 지원도 추가되었어요.
+ES2022의 Arbitrary module namespace identifier names 지원, `--noUncheckedSideEffectImports` 플래그가 추가되었어요.
+또한, 자료형 체크하지 않고 파일 출력할 수 있는 `--noCheck` 플래그 추가, `--stopOnBuildErrors` 플래그 추가도 있어요.
+
+---
+
+[The State of ES5 on the Web — Philip Walton](https://philipwalton.com/articles/the-state-of-es5-on-the-web/)는, 빌드 도구/저명한 라이브러리/웹사이트의 ES5 대응 현황에 대해 정리되어 있어요.
+
+- 빌드도구, Babel과 TypeScript는 기본적으로 ES5으로 출력하고 있지만, 그 외 빌드 도구는 ES2015+ 출력
+- 라이브러리, 많은 라이브러리는 ES2015+ 이후 코드를 포함하고 있음
+- Top 10,000 중에서 89% 웹사이트는 ES2015+ 구문을 포함하는 코드
+
+이에, 현재 ES5 코드를 배포하는 의미가 그다지 없다 작성되어 있어요.
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Biome v1.9 Anniversary Release | Biome
+[biomejs.dev/blog/biome-v1-9/](https://biomejs.dev/blog/biome-v1-9/ "Biome v1.9 Anniversary Release | Biome")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Rust</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Biome v1.9 출시.
+CSS의 Formatter/Linter가 Stable, GraphQL의 Formatter/Linter 추가.
+GritQL 사용해 `biome search` 명렁어 추가, `.editorconfig` 지원
+
+
+----
+
+## Announcing TypeScript 5.6 - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-6/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/ "Announcing TypeScript 5.6 - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.6 출시.
+ESLint의 `no-constant-binary-expression`와 닮은 항상 true/nullish가 되는 작성 방법을 에러처리로 변경, Iterator Helper 지원.
+ES2022의 Arbitrary module namespace identifier names 지원, `--noUncheckedSideEffectImports` 플래그 추가.
+자료형 체크없이 파일 출력 가능한 `--noCheck` 플래그 추가, `--stopOnBuildErrors` 플래그 추가
+
+
+----
+
+## Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter
+[eslint.org/blog/2024/09/eslint-v8-eol-version-support/](https://eslint.org/blog/2024/09/eslint-v8-eol-version-support/ "Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">news</span></p>
+
+ESLint v8 지원은 2024년 10월 5일 부로 종료, End Of Life(EOL)이 될 예정
+
+
+----
+
+## Release 5.0.0 · expressjs/express
+[github.com/expressjs/express/releases/tag/v5.0.0](https://github.com/expressjs/express/releases/tag/v5.0.0 "Release 5.0.0 · expressjs/express")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">express</span> <span class="jser-tag">ReleaseNote</span></p>
+
+express v5.0.0 pre 출시.
+이행 가이드랑 TypeScript 자료형 업데이트가 아직 남아 있음
+
+- [Express v4 -&gt; v5 Migration · Issue #5944 · expressjs/express](https://github.com/expressjs/express/issues/5944 "Express v4 -&amp;gt; v5 Migration · Issue #5944 · expressjs/express")
+
+----
+
+## Release v1.0.2 · jimp-dev/jimp
+[github.com/jimp-dev/jimp/releases/tag/v1.0.2](https://github.com/jimp-dev/jimp/releases/tag/v1.0.2 "Release v1.0.2 · jimp-dev/jimp")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">Image</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Jimp v1 출시.
+네이티브 애드온 의존하지 않은 Node.js 이미지 처리 라이브러리
+
+
+----
+
+## storybook/CHANGELOG.md at next · storybookjs/storybook
+[github.com/storybookjs/storybook/blob/next/CHANGELOG.md#830](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md#830 "storybook/CHANGELOG.md at next · storybookjs/storybook")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">UI</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Storybook 8.3 출시.
+Vitest 사용해 Component Test 지원, 번들 크기 개선
+
+- [Component testing in Storybook](https://storybook.js.org/blog/component-testing/ "Component testing in Storybook")
+- [Storybook 8.3 도입된 Vitest 대응을 React와 Next.js에서 체험](https://zenn.dev/yumemi_inc/articles/storybook-8-3-vitest "Storybook 8.3 도입된 Vitest 대응을 React와 Next.js에서 체험")
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## The Undeniable Utility Of CSS :has • Josh W. Comeau
+[www.joshwcomeau.com/css/has/](https://www.joshwcomeau.com/css/has/ "The Undeniable Utility Of CSS :has • Josh W. Comeau")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css </span> <span class="jser-tag">article</span></p>
+
+`:has` 유스케이스에 대하여.
+`:focus-visible`와 조합, document scroll lock, 형제/부모 요소 선택 관련하여
+
+
+----
+
+## More NPM packages on Cloudflare Workers: Combining polyfills and native code to support Node.js APIs
+[blog.cloudflare.com/more-npm-packages-on-cloudflare-workers-combining-polyfills-and-native-code/](https://blog.cloudflare.com/more-npm-packages-on-cloudflare-workers-combining-polyfills-and-native-code/ "More NPM packages on Cloudflare Workers: Combining polyfills and native code to support Node.js APIs")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">cloudflare</span> <span class="jser-tag">article</span> <span class="jser-tag">nodejs</span></p>
+
+Cloudflare Worker의 Node.js 호환성 업데이트.
+`node:` prefix 지원, Node.js 표준 모듈 지원 개선도 포함.
+`nodejs_compat_v2` 설정되어 있다면 유효.
+
+
+----
+
+## The State of ES5 on the Web — Philip Walton
+[philipwalton.com/articles/the-state-of-es5-on-the-web/](https://philipwalton.com/articles/the-state-of-es5-on-the-web/ "The State of ES5 on the Web — Philip Walton")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+빌드 도구/저명한 라이브러리リ/웹사이트에서 ES5 대응 현황에 대한 정리 글.
+Babel와 TypeScript는 기본적으로 ES5로 출력.
+많은 라이브러리는 ES2015+ 이후 코드 포함되어 있음.
+89% 웹사이트는 ES2015+ 구문 포함되어 배포되고 있음.
+
+
+----
+
+## Brand New Performance Features in Chrome DevTools | DebugBear
+[www.debugbear.com/blog/fix-web-performance-devtools](https://www.debugbear.com/blog/fix-web-performance-devtools "Brand New Performance Features in Chrome DevTools | DebugBear")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>
+
+Chrome DevTool의 새로운 Performance 판넬 관련하여
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## govuk-vue/govuk-vue: A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design System
+[github.com/govuk-vue/govuk-vue](https://github.com/govuk-vue/govuk-vue "govuk-vue/govuk-vue: A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design System")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">Design</span> <span class="jser-tag">UI</span> <span class="jser-tag">library</span></p>
+
+GOV.UK Design System의 UI 컴포넌트 Vue 구현
+
+
+----