JSer.info #707 - Biome v1.9가 출시되었어요.
CSS의 Formatter/Linter가 Stable, GraphQL의 Formatter/Linter 추가되었어요.
GritQL 사용해 biome search
명령어 추가, .editorconfig
지원도 추가되었어요.
ESLint v8.x 지원이 2024년 10월 5일부로 종료됨이 발표되었어요.
ESLint 현재 최신 버전은 v9.x 입니다.
미행 가이드는 다음 페이지에 공개되어있어요.
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는, 빌드 도구/저명한 라이브러리/웹사이트의 ES5 대응 현황에 대해 정리되어 있어요.
- 빌드도구, Babel과 TypeScript는 기본적으로 ES5으로 출력하고 있지만, 그 외 빌드 도구는 ES2015+ 출력
- 라이브러리, 많은 라이브러리는 ES2015+ 이후 코드를 포함하고 있음
- Top 10,000 중에서 89% 웹사이트는 ES2015+ 구문을 포함하는 코드
이에, 현재 ES5 코드를 배포하는 의미가 그다지 없다 작성되어 있어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Biome v1.9 Anniversary Release | Biome
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/
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/
ESLint v8 지원은 2024년 10월 5일 부로 종료, End Of Life(EOL)이 될 예정
Release 5.0.0 · expressjs/express
github.com/expressjs/express/releases/tag/v5.0.0
express v5.0.0 pre 출시.
이행 가이드랑 TypeScript 자료형 업데이트가 아직 남아 있음
Release v1.0.2 · jimp-dev/jimp
github.com/jimp-dev/jimp/releases/tag/v1.0.2
Jimp v1 출시.
네이티브 애드온 의존하지 않은 Node.js 이미지 처리 라이브러리
storybook/CHANGELOG.md at next · storybookjs/storybook
github.com/storybookjs/storybook/blob/next/CHANGELOG.md#830
Storybook 8.3 출시.
Vitest 사용해 Component Test 지원, 번들 크기 개선
읽을거리
The Undeniable Utility Of CSS :has • Josh W. Comeau
: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/
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/
빌드 도구/저명한 라이브러리リ/웹사이트에서 ES5 대응 현황에 대한 정리 글.
Babel와 TypeScript는 기본적으로 ES5로 출력.
많은 라이브러리는 ES2015+ 이후 코드 포함되어 있음.
89% 웹사이트는 ES2015+ 구문 포함되어 배포되고 있음.
Brand New Performance Features in Chrome DevTools | DebugBear
www.debugbear.com/blog/fix-web-performance-devtools
Chrome DevTool의 새로운 Performance 판넬 관련하여
소프트웨어, 도구, 라이브러리
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
GOV.UK Design System의 UI 컴포넌트 Vue 구현