Fork me on GitHub

2024-02-05: TypeScript 5.4 Beta, Learn Testing/Performance, Interop 2024

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #679 - TypeScript 5.4 Beta가 출시되었어요.

클로저에 의한 Narrowing 결과 개선, NoInfer Utility Type 추가되었어요.
또한, ES2024 Object.groupBy/Map.groupBy를 지원, Import Attributes 지원도 추가되었어요.
그 외로는, target: "ES3"이나 out 옵션 비권장화, TypeScript 5.5에서 삭제될 것이 공지 되었어요. TypeScript 5.5에서 삭제될 옵션은 다음 Issue에 정리되어 있구요.


web.dev에 테스트 퍼포먼스 관련 컨텐츠가 추가되었어요.

여러가지 테스트와 퍼포먼스 관련한 일련의 글을 정리한 페이지에요.


브라우저 벤더 관계자가 협력해, 웹플랫폼 간에 상호운용성을 높힐 Interop 2024가 공지되었어요.

매해 협력한 중요분야를 정하는데, 올해 추가된 것으로는 접근성, CSS Nesting, HTTP(S) URLs for WebSockek 등이 있어요.


To support JSer.info


헤드라인


Release v3.10.0 · nuxt/nuxt

github.com/nuxt/nuxt/releases/tag/v3.10.0

Vue library ReleaseNote

Nuxt.js v3.10.0 출시.
실험적 옵션으로 sharedPrerenderData 추가, useId()가 SSR할 때 unique한 ID를 반환함을 보증하도록, 안티패턴 검출 강화 등


Announcing TypeScript 5.4 Beta - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/

TypeScript ReleaseNote

TypeScript 5.4 Beta 출시.
클로저에 의한 Narrowing 결과 개선, NoInfer Utility Type 추가.
ES2024 Object.groupBy/Map.groupBy를 지원, Import Attributes 지원.
target: "ES3"이나 out 옵션 등 비권장화


Release v9.0.1 · typicode/husky

github.com/typicode/husky/releases/tag/v9.0.1

GIt JavaScript Tools ReleaseNote

husky v9.0.1 출시.
husky init으로 셋업 간략화, git hook 작성 방법 단순화


읽을거리


CodeMirror v6로 Zenn Markdown 에디터 만드는 방법

zenn.dev/team_zenn/articles/zenn-markdown-editor-by-cm6

JavaScript editor article React

CodeMirror v6로 Markdown 에디터 구현 방법에 대하여


blog.flatt.tech/entry/samesite_csrf_hsts

HTTP browser security article

Cookie 속서에 대하여.
Secure/HttpOnly/Domain/Path/SameSite 속성, __Secure-/__Host- prefix, SameSite 속성의 동작이나 브라우저 기본 동작에 대하여.


www.mitsue.co.jp/knowledge/blog/frontend/202402/02_1152.html

browser WebPlatformAPI article

브라우저 벤더가 추력으로 상호호환성을 향상 시킬 Interop 2024에 대하여.


Node.js 기능이나 패키지 비권장 메세지 알리는 방법 | Web Scratch

efcl.info/2024/02/04/emitwarning/

npm nodejs article

npm나 Node.js 비권장 메세지를 알리는 방법에 대하여.
패키지 비권장화, 코드레벨의 비권장화, 실행 시 비권장화에 관련하여


Import attributes · V8

v8.dev/features/import-attributes

ECMAScript article

ECMAScript Proposal Stage 3 Import attributes에 대하여.
import ... from .... assert { type }는 의미론적으로 문제가 있기에, import ... from .... with { type }으로 변경.


Learn Testing  |  web.dev

web.dev/learn/testing

testing tutorial browser nodejs

자동 테스트에 대해 배우늩 튜토리얼.
브라우저나 Node.js 테스트, 테스트 종류, 컴포넌트 테스트, 정적분석 도구 등


웹사이트, 서비스, 문서


Learn Performance  |  web.dev

web.dev/learn/performance?hl=en

performance tutorial browser

브라우저의 퍼포먼스에 대한 튜토리얼.
자원 불러오기 최적화, JavaScript 최적화, 선로딩, Web Worker에 관련하여


Tappy - Yahoo! 개발자 네트워크

tappy.yahoo.co.jp/

webservice Tools mobile accessibility

웹사이트 버튼 등 탭 성공률을 계산해 보여주는 도구.
탭 미스가 일어나기 쉬운 버튼인가 확인하는데 이용 가능.


Compression Streams are now supported on all browsers  |  Blog  |  web.dev

web.dev/blog/compressionstreams?hl=en

JavaScript browser WebPlatformAPI

gzip 압축/해제하는 CompressionStream이 모든 브라우저에서 이용 가능.


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