Fork me on GitHub

2022-12-28: Next.js 13.1, HTTP/3 Prioritization 구조, Deno 1.29, Bun 0.4

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

JSer.info #624 - Next.js 13.1가 출시되었다.

app 디렉토리 개선, 외부 라이브러리 였던 next-transpile-modules가 본체에 통합되었다.

또한, 실험적으로 modularizeImports 옵션 추가, Turbopack 개선이 포함되었다.


Web Performance Calendar » HTTP/3 Prioritization Demystified에는, HTTP/2과 HTTP/3의 Prioritization에 대해 작성되어있다.

HTTP의 prioritization는 각 브라우저의 HTTP/3의 Priority의 구현에 대해 조사한 글이다.
브라우저와 자원의 조합으로 인한 우선도의 차이, priority 헤더와 PRIORITY_UPDATE 프레임 구현의 차이.
fetchpriority 속성에서 브라우저 간의 차이를 사라지도록 하는 점에 대해 상세히 작성되어있다.


2022년 갱신은 이것으로 마지막입니다. 올해도 감사했습니다ー


To support JSer.info


헤드라인


Deno 1.29: Custom npm registry support

deno.com/blog/v1.29

deno ReleaseNote

Deno v1.29 출시.
NPM_CONFIG_REGISTRY로 npm 레포지토리 지정할 수 있도록, deno install 명령어 추가, REPL에서 npm:지원.
deno check --remote--all로 변경, --inspect-wait 플러그 추가, TypeScript 4.9 지원.
Std에서 testing/types 모듈 추가 등


Bun v0.4

bun.sh/blog/bun-v0.4.0

Bun ReleaseNote

Bun 0.4 출시.
bunx 명령어 추가, #!/usr/bin/env node를 bun으로 실행하는 --bun 플러그 추가, Node.js와 호환성 향상 등.


Release v7.20.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v7.20.0

pnpm ReleaseNote

pnpm v7.20.0 출시.
pnpm config <get|set|delete|list> 명령어 추가 등


Release 3.27.0 - 2022.12.26 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v3.27.0

JavaScript polyfill library ReleaseNote

core-js v3.27.0 출시.
Stage 3에서 Iterator Helpers/Set methods /Well-Formed Unicode Strings/Explicit resource management 구현.
Stage 2에서 String.dedent 구현 등


Twemoji가 2023년이 되면 보이지 않게 될(수도 있는) 문제를 대처했다.

zenn.dev/yhatt/articles/60ce0c3ca79994

cdn news twitter

MaxCDN가 2022년으로 사라짐에 따라, twemoji 등 MaxCDN를 기본값으로 이용하는 라이브러리가 작동하지 않을 수도 있다는 이야기


Blog - Next.js 13.1 | Next.js

nextjs.org/blog/next-13-1

Next.js relre

Next.js 13.1 출시.
app디렉터리 개선, 외부 라이브러리 next-transpile-modules를 본체에 통합, 실험적으로 modularizeImports 옵션 추가, Turbopack 개선 등


Release v100 · ije/esm.sh

github.com/ije/esm.sh/releases/tag/v100

ECMAScript cdn library ReleaseNote

ESM로 npm 패키지로 다뤄지는 Package CDN esm.sh v100 출시.
웹사이트 업데이트, playground 추가.


읽을 거리


편리한 TypeScript 4.9의 as const satisfies. 자료형 체크와 widening 방지를 동시에

zenn.dev/moneyforward/articles/typescript-as-const-satisfies

TypeScript article

widening를 피하는 as const와 자료형 추론 결과를 갖는 satisfiers 연산자의 조합인, as const satisfies에 대해


Web Performance Calendar » HTTP/3 Prioritization Demystified

calendar.perfplanet.com/2022/http-3-prioritization-demystified/

HTTP2 browser article performance

각 브라우저 HTTP/3のPriority 구현에 대해 조사한 글.
브라우저와 자원의 조합으로 인한 우선도의 차이, priority 헤더와 PRIORITY_UPDATE 프레임 구현의 차이.
fetchpriority 속성에서 브라우저 간의 차이를 사라지도록 하는 점에 대해


Migrating a large, open-source React application to Next.js and Vercel – Vercel

vercel.com/blog/migrating-a-large-open-source-react-application-to-next-js-and-vercel

React Next.js article

오픈 소스 공개되어있는 BBC 프론트엔드를 예시로, React 애플리케이션를 Next.js 기반으로 고쳐 쓰는 방법에 대한 글


웹사이트, 서비스, 문서


ericclemmons/click-to-component: Option+Click React components in your browser to instantly open the source in VS Code

github.com/ericclemmons/click-to-component

React debug library

클릭하면 해당하는 React 컴포넌트 파일을 여는 디버그용 라이브러리


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


PuruVJ/neodrag: One Draggable to rule them all 💍

github.com/PuruVJ/neodrag

JavaScript Svelte React Vue library

Svelte 대상 D&D 라이브러리.
React/Vue/Solid/Vanilla 대상 Binding도 준비되어있다


도서


JavaScript for hackers by Gareth Heyes [Leanpub PDF/iPad/Kindle]

leanpub.com/javascriptforhackers/

JavaScript security book

브라우저나 JavaScript 결함을 발견하려하는 해커 대상 JavaScript 도서


프론트엔드 개발을 위한 보안 입문 모르게 넘길 수 없는 취약성 대책 필수 지식(히라노 마사시, 하세가와 요스케, 고토우 츠구미) | 쇼에이샤 출간

www.shoeisha.co.jp/book/detail/9784798169477

security browser JavaScript book

2023년 02월 13일 발매예정
프론트엔드 엔지니어 대상 웹사이트 보안에 대한 책


1권으로 모든걸 깨우치는 JavaScript 입문 강좌 (1권에 모든걸 깨우친다) | Mana | 도서 | 인터넷판매 | Amazon

www.amazon.co.jp/dp/4815615756/

JavaScript animation book

2023년 3월 1일 발매.
웹디자이너 대상 JavaScript에 대한 책


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