JSer.info #624 - Next.js 13.1가 출시되었다.
app
디렉토리 개선, 외부 라이브러리 였던 next-transpile-modules
가 본체에 통합되었다.
- martpie/next-transpile-modules: [ARCHIVED] Next.js plugin to transpile code from node_modules
- Release The End. · martpie/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년 갱신은 이것으로 마지막입니다. 올해도 감사했습니다ー
- GitHub Contribute: https://github.com/jser
- GitHub Sponsors: @azu
- Slack 참가: JSer.info Slack
- Twitter: https://twitter.com/jser_info
- Mastodon: https://mstdn.jp/@jser
To support JSer.info
- 😘 Recommend the website to your friends!
- 💸 Support @azu on GitHub Sponsors>
- 🐦 Follow @jser_info on Twitter
헤드라인
Deno 1.29: Custom npm registry support
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 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 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
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
MaxCDN가 2022년으로 사라짐에 따라, twemoji 등 MaxCDN를 기본값으로 이용하는 라이브러리가 작동하지 않을 수도 있다는 이야기
Blog - Next.js 13.1 | Next.js
Next.js 13.1 출시.
app
디렉터리 개선, 외부 라이브러리 next-transpile-modules
를 본체에 통합, 실험적으로 modularizeImports
옵션 추가, Turbopack 개선 등
Release v100 · ije/esm.sh
github.com/ije/esm.sh/releases/tag/v100
ESM로 npm 패키지로 다뤄지는 Package CDN esm.sh v100 출시.
웹사이트 업데이트, playground 추가.
읽을 거리
편리한 TypeScript 4.9의 as const satisfies. 자료형 체크와 widening 방지를 동시에
zenn.dev/moneyforward/articles/typescript-as-const-satisfies
widening를 피하는 as const
와 자료형 추론 결과를 갖는 satisfiers
연산자의 조합인, as const satisfies
에 대해
Web Performance Calendar » HTTP/3 Prioritization Demystified
calendar.perfplanet.com/2022/http-3-prioritization-demystified/
각 브라우저 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
오픈 소스 공개되어있는 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 컴포넌트 파일을 여는 디버그용 라이브러리
소프트웨어, 도구, 라이브러리
PuruVJ/neodrag: One Draggable to rule them all 💍
Svelte 대상 D&D 라이브러리.
React/Vue/Solid/Vanilla 대상 Binding도 준비되어있다
도서
JavaScript for hackers by Gareth Heyes [Leanpub PDF/iPad/Kindle]
leanpub.com/javascriptforhackers/
브라우저나 JavaScript 결함을 발견하려하는 해커 대상 JavaScript 도서
프론트엔드 개발을 위한 보안 입문 모르게 넘길 수 없는 취약성 대책 필수 지식(히라노 마사시, 하세가와 요스케, 고토우 츠구미) | 쇼에이샤 출간
www.shoeisha.co.jp/book/detail/9784798169477
2023년 02월 13일 발매예정
프론트엔드 엔지니어 대상 웹사이트 보안에 대한 책
1권으로 모든걸 깨우치는 JavaScript 입문 강좌 (1권에 모든걸 깨우친다) | Mana | 도서 | 인터넷판매 | Amazon
www.amazon.co.jp/dp/4815615756/
2023년 3월 1일 발매.
웹디자이너 대상 JavaScript에 대한 책