Fork me on GitHub

2023-05-26: wrangler v3.0.0, playwright v1.34.0, TypeScript 5.2 예정(변환 플러그인)

Translator: rewrite0w0(Oh TaeJun) Edit on GitHub See Revisions

JSer.info #645 - wrangler 3.0.0 출시되었다.

wrangler publishwrangler 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


헤드라인


ESLint v8.41.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2023/05/eslint-v8.41.0-released/

ESLint ReleaseNote

ESLint v8.41.0 출시.
shouldUseFlatConfig() 추가, indent 규칙 성능 개선


WebKit Features in Safari 16.5 | WebKit

webkit.org/blog/14154/webkit-features-in-safari-16-5/

safari ReleaseNote

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 issue

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/

cloudflare console Tools ReleaseNote

wrangler 3.0.0 출시.
wrangler publishwrangler deploy으로 재명명, wrangler dev에서 Miniflare와 worked runtime를 사용한 로컬 환경에서 개발을 기본값으로 변경


Announcing TypeScript 5.1 RC - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-1-rc/

TypeScript ReleaseNote

TypeScript 5.1 RC 출시.
undefinedreturn하는 함수 자료형 취급 개선, getter와 setter 사이에 각각 다른 자료형 지정 가능하도록, JSX 개선.
Node.js 14.17 미만 지원 종료, typeRoots Upward 패키지 해결 무효화


Release v1.34.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.34.0

browser JavaScript testing ReleaseNote

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

webpack bundler ReleaseNote JavaScript

rspack v0.1.12 출시.
resolve.exportsFields 지원, Data URI의 import 지원


Release v3.2.0 · honojs/hono

github.com/honojs/hono/releases/tag/v3.2.0

JavaScript server library ReleaseNote

Hono 3.2.0 출시
LinearRouterPatternRouter 추가. 실행환경에 맞춘 프레셋 추가, app.mount() API 추가, cookie middleware 추가


읽을거리


Introducing the popover API - Chrome Developers

developer.chrome.com/en/blog/introducing-popover-api/

browser HTML article

popover 속성 관련


Regular expressions in JavaScript - Honeybadger Developer Blog

www.honeybadger.io/blog/javascript-regular-expressions/

JavaScript RegExp article

JavaScript에서 정규표현 해설과 유스케이스


Chrome113에서 HTTP 헤더 덮어써서 여러 상태 시도해봄 - hogashi.*

blog.hog.as/entry/2023/05/11/181952

Chrome article debug

Chrome DevTools에서 HTTP 헤더 덮어쓰기 가능해진 이야기


Using the Web Vitals extension to debug Core Web Vitals issues

web.dev/debug-cwvs-with-web-vitals-extension/

performance browser Chrome Extension article

Web Vitals extension 사용한 Web Vitals 관련한 문제 디버그하는 방법


슬라이드, 영상


OpenJS Collab Summit 2023 - YouTube

www.youtube.com/playlist?list=PLyspMSh4XhLO15jJD9Sj069fN18j12AbQ

JavaScript Conference video

OpenJS Collab Summit 2023 영상 목록


소프트웨어, 도구, 라이브러리


microsoft/devicescript: TypeScript for Tiny IoT Devices

github.com/microsoft/devicescript

TypeScript Tools

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!

github.com/webpro/knip

JavaScript TypeScript Tools

사용하지 않는 파일, 의존관계, export 등을 검출, 삭제하는 도구.
다양한 도구의 플러그인으로 대응하고 있다.


vanjs-org/van: 🍦VanJS (Vanilla JavaScript): World's smallest reactive UI framework

github.com/vanjs-org/van

JavaScript library GUI

파일 크기가 자잘한 Reactive UI 프레임워크


mizchi/lizod

github.com/mizchi/lizod

TypeScript library

zod 라이크한 TypeScript 자료형으로 이용가능한 검증 라이브러리.
zod에서 메서드 체인이나 복잡한 검증을 제외한 API 만들며, 파일사이즈를 자잘하게 하는 것을 목적


도서


JavaScript Primer 개정 2판 헤매지않는 입문서 | azu, Suguru Inatomi | 책 | 통신판매 | Amazon

www.amazon.co.jp/dp/4048931105/

JavaScript book

2023년 6월 9일 발매
JavaScript 입문서


Pull Request to this article
JSer.info Slackに参加する