JSer.info #694 - Next.js 15 RC가 출시되었어요.
React 19 RC에 대응, React Compiler 실험적 지원, Hydration Error 게시 개선이 있어요.
또한, Fetch/GET Route Handler/Client Router를 기본적으로 캐시하지 않도록 변경, Partial Prerendering의 incremental 옵션 추가도 있어요.
그 외로는, 지연처리하는 next/after 추가, create-next-app 업데이트, 비권장이 된 @next/font 지원 삭제가 있어요.
SolidStart 1.0가 출시되었어요.
SolidStart는 Solid가 Next.js 같이 만든 풀스택 웹 애플리케이션 프레임워크로, Vite/vinxi/Nitro 사용해 만들었어요.
Angular v18가 출시되었어요.
변경 검지를 담당했던 zone.js 사용하지 않는 구조를 실험적 지원, Material 3 정식 지원, Deferrable views/Built-in control flow를 Stable하게 변경했어요.
또한, Angular DevTools 개선이나 TypeScript 5.4 지원도 포함되었어요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release Release v1.7.0 · axios/axios
github.com/axios/axios/releases/tag/v1.7.0
axios v1.7.0 출시.
Fetch API 사용한 adapter 추가
Bun v1.1.9 | Bun Blog
Bun v1.1.9 출시.
255 DNS 레코드를 최대 30초 캐시, dns.prefetch()/dns.getCacheStats() 추가.
bun --no-clear-screen --watch 지원, msw 지원
Release @ark-ui/[email protected] · chakra-ui/ark
github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0
Ark UI 3.0 출시.
React/Vue/Solid 대응판이 각각 출시.
3.0에는 Context/Format 컴포넌트 추가, HiddenInput 다루는 방식 변경, React 19 대응
Next.js 15 RC | Next.js
Next.js 15 RC 출시.
React 19 RC 대응, React Compiler 실험적 지원, Hydration Error 게시 개선.
Fetch/GET Route Handler/Client Router 기본적으로 캐시하지 않도록 변경, Partial Prerendering의 incremental 옵션 추가.
지연처리하는 next/after 추가, create-next-app 업데이트.
비권장 기능 @next/font 지원 삭제
SolidStart 1.0: The Shape of Frameworks to Come | SolidJS
www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come
SolidStart 1.0 출시.
Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog
blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
Angular v18 출시.
변경 검지를 담당했던 zone.js를 사용하지 않는 구조 실험적 지원, Material 3 정식 지원, Deferrable views/Built-in control flow를 Stable로 변경.
Angular DevTools 개선
읽을거리
CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs
codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/
PDF 파일을 PDF.js로 열면 임의의 JavaScript 실행가능한 XSS 취약점에 대하여.
PDF.js v4.2.67에서 수정. 또한 isEvalSupported: false 함으로 회피 가능.
CSS로 체크 박스나 라디오 버튼 커스터마이즈하기 2024: Days on the Moon
nanto.asablo.jp/blog/2024/05/24/9686885
체크 박스<input type="checkbox">）나 라디오 버튼（<input type="radio">）을 CSS로 커스터마이즈하는 방법.
A virtual DOM in 200 lines of JavaScript – Marcelo Lazaroni – Developing for the Interwebs
lazamar.github.io/virtual-dom/
Virtual DOM 구현하며 구조를 알아보는 글
Understand errors and warnings better with Gemini | Chrome DevTools | Chrome for Developers
developer.chrome.com/docs/devtools/console/understand-messages
Chrome DevTools의 Gemini 사용한 에러 해설 기능에 대하여.
Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium
medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881
Airbnb의 접근성 고려한 글씨 크기/줌, rem을 우선적으로 사용하는 결정에 대한 배경, 글씨에 대한 접근, Figma/디자이너 연계 방법에 대하여
슬라이드, 영상
esbuild 최적화맨 - Speaker Deck
speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren
esbuild 사용해 번들 크기를 최적화해서 AWS Lambda의 Cold Start 시간을 단축하는 내용.
웹사이트, 서비스, 문서
andrico1234/the-dilemmas-youll-face: The Dilemmas You'll Face When Creating Your First Component Library
github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file
컴포넌트 라이브러리를 작성할 때 가이드.
라이브러리를 사용해, npm 패키지로 공개하는 방법, 저장소 구성, bundler에 대하여
