JSer.info #645 - wrangler 3.0.0 출시되었다.
wrangler publish
가 wrangler deploy
으로 재명명되었습니다.
wrangler 2.0에 Miniflare 동봉되어 있지만,
3.0에서는 wrangler dev
으로 Miniflare와 workerd
runtime를 사용한 로컬 환경 개발이 기본값이 되었다.
playwright v1.34.0 출시되었다.
Node.js 14 지원 종료, playwright
와 @playwright/test
모두 설치하고 있는 경우에 npx playwright test
가 동작하지 않도록 변경되었습니다.
UI 모드에서 테스트 단계 표시되도록, testProject.teardown
프로퍼티 지원, locator.and()
추가도 있습니다.
TypeScript 5.2에 추가될 예정 Issue가 공개되었습니다.
ECMAScript Proposal의 Decorator Metadata이나 using
대응,
명시적 자료형 정의없이 추론하게 하는 partial type argument inference _
추가, tsc
명령어로 변환 플러그인 다루는 기능 추가도 검토되고 있습니다.
TypeScript 출력에 변환을 가하는 구조는 ttypescript이나 TS Patch 등이 tsc
를 랩하는 모습으로 하고 있습니다. tsc
플러그인으로 같은 케이스가 가능하지 않은가 검토중입니다.
병렬해석으로 성능 개선도 예정되어 있습니다.
To support JSer.info
- 😘 Recommend the website to your friends!
- 💸 Support @azu on GitHub Sponsors>
- 🐦 Follow @jser_info on Twitter
헤드라인
ESLint v8.41.0 released - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2023/05/eslint-v8.41.0-released/
ESLint v8.41.0 출시.
shouldUseFlatConfig()
추가, indent
규칙 성능 개선
WebKit Features in Safari 16.5 | WebKit
webkit.org/blog/14154/webkit-features-in-safari-16-5/
Safari 16.5 출시.
CSS Nesting 지원, :user-valid
와 :user-invalid
추상 클래스 지원.
Lockdown모드에서 WebCodecs API 무효화
TypeScript 5.2 Iteration Plan · Issue #54298 · microsoft/TypeScript
github.com/microsoft/TypeScript/issues/54298
TypeScript 5.2에서 포함될 기능 예정 Issue.
ECMAScript ProposalのDecorator Metadata, using
대응.
명시적으로 자료형 정의하지 않아도 추론하는 partial type argument inference _
추가, tsc
커맨드에서 변환 플러그인을 다루는 구조 추가.
병렬해석으로 기능 개선 예정되어 있다
Improved local development with wrangler and workerd
blog.cloudflare.com/wrangler3/
wrangler 3.0.0 출시.
wrangler publish
를 wrangler deploy
으로 재명명, wrangler dev
에서 Miniflare와 worked
runtime를 사용한 로컬 환경에서 개발을 기본값으로 변경
Announcing TypeScript 5.1 RC - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-1-rc/
TypeScript 5.1 RC 출시.
undefined
를 return
하는 함수 자료형 취급 개선, getter와 setter 사이에 각각 다른 자료형 지정 가능하도록, JSX 개선.
Node.js 14.17 미만 지원 종료, typeRoots
Upward 패키지 해결 무효화
Release v1.34.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.34.0
playwright v1.34.0 출시.
Node.js 14 지원 종료, playwright
와 @playwright/test
모두 설치되어 있다면 npx playwright test
동작하지 않도록.
UI 모드에서 테스트 단계 표시되도록, testProject.teardown
프로퍼티 지원, locator.and()
추가.
Release v0.1.12 · web-infra-dev/rspack
github.com/web-infra-dev/rspack/releases/tag/v0.1.12
rspack v0.1.12 출시.
resolve.exportsFields
지원, Data URI의 import 지원
Release v3.2.0 · honojs/hono
github.com/honojs/hono/releases/tag/v3.2.0
Hono 3.2.0 출시
LinearRouter
와 PatternRouter
추가. 실행환경에 맞춘 프레셋 추가, app.mount()
API 추가, cookie middleware 추가
읽을거리
Introducing the popover API - Chrome Developers
developer.chrome.com/en/blog/introducing-popover-api/
popover
속성 관련
Regular expressions in JavaScript - Honeybadger Developer Blog
www.honeybadger.io/blog/javascript-regular-expressions/
JavaScript에서 정규표현 해설과 유스케이스
Chrome113에서 HTTP 헤더 덮어써서 여러 상태 시도해봄 - hogashi.*
blog.hog.as/entry/2023/05/11/181952
Chrome DevTools에서 HTTP 헤더 덮어쓰기 가능해진 이야기
Using the Web Vitals extension to debug Core Web Vitals issues
web.dev/debug-cwvs-with-web-vitals-extension/
Web Vitals extension 사용한 Web Vitals 관련한 문제 디버그하는 방법
슬라이드, 영상
OpenJS Collab Summit 2023 - YouTube
www.youtube.com/playlist?list=PLyspMSh4XhLO15jJD9Sj069fN18j12AbQ
OpenJS Collab Summit 2023 영상 목록
소프트웨어, 도구, 라이브러리
microsoft/devicescript: TypeScript for Tiny IoT Devices
github.com/microsoft/devicescript
Raspberry Pi Pico 같은 IoT 디바이스 대상 처리를 TypeScript으로도 작성가능한 도구 킷
webpro/knip: ✂️ Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it!
사용하지 않는 파일, 의존관계, export 등을 검출, 삭제하는 도구.
다양한 도구의 플러그인으로 대응하고 있다.
vanjs-org/van: 🍦VanJS (Vanilla JavaScript): World's smallest reactive UI framework
파일 크기가 자잘한 Reactive UI 프레임워크
mizchi/lizod
zod 라이크한 TypeScript 자료형으로 이용가능한 검증 라이브러리.
zod에서 메서드 체인이나 복잡한 검증을 제외한 API 만들며, 파일사이즈를 자잘하게 하는 것을 목적
도서
JavaScript Primer 개정 2판 헤매지않는 입문서 | azu, Suguru Inatomi | 책 | 통신판매 | Amazon
www.amazon.co.jp/dp/4048931105/
2023년 6월 9일 발매
JavaScript 입문서