translate: 2024-05-26 (#1197)

_i18n/ko/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md

@@ -0,0 +1,191 @@
+---
+title: "2024-05-26: Next.js 15 RC, SolidStart 1.0, Angular v18(zoneless)"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-05-26T14:42:03.718Z
+category: JSer
+tags:
+- CSS
+- HTTP
+- PDF
+- security
+- Electron
+
+---
+
+JSer.info #694 - Next.js 15 RC가 출시되었어요.
+
+- [Next.js 15 RC | Next.js](https://nextjs.org/blog/next-15-rc)
+
+[React 19 RC](https://react.dev/blog/2024/04/25/react-19)에 대응, React Compiler 실험적 지원, Hydration Error 게시 개선이 있어요.
+또한, Fetch/`GET` Route Handler/Client Router를 기본적으로 캐시하지 않도록 변경, Partial Prerendering의 `incremental` 옵션 추가도 있어요.
+그 외로는, 지연처리하는 `next/after` 추가, `create-next-app` 업데이트, 비권장이 된 `@next/font` 지원 삭제가 있어요.
+
+----
+
+SolidStart 1.0가 출시되었어요.
+
+- [SolidStart 1.0: The Shape of Frameworks to Come | SolidJS](https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come)
+
+[SolidStart](https://start.solidjs.com/)는 [Solid](https://www.solidjs.com/)가 Next.js 같이 만든 풀스택 웹 애플리케이션 프레임워크로, [Vite](https://vitejs.dev/)/[vinxi](https://github.com/nksaraf/vinxi)/[Nitro](https://nitro.unjs.io/) 사용해 만들었어요.
+
+----
+
+Angular v18가 출시되었어요.
+
+- [Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe)
+
+변경 검지를 담당했던 zone.js 사용하지 않는 구조를 실험적 지원, Material 3 정식 지원, Deferrable views/Built-in control flow를 Stable하게 변경했어요.
+또한, Angular DevTools 개선이나 TypeScript 5.4 지원도 포함되었어요.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Release Release v1.7.0 · axios/axios
+[github.com/axios/axios/releases/tag/v1.7.0](https://github.com/axios/axios/releases/tag/v1.7.0 "Release Release v1.7.0 · axios/axios")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTTP</span> <span class="jser-tag">library</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+axios v1.7.0 출시.
+Fetch API 사용한 adapter 추가
+
+
+----
+
+## Bun v1.1.9 | Bun Blog
+[bun.sh/blog/bun-v1.1.9](https://bun.sh/blog/bun-v1.1.9 "Bun v1.1.9 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.1.9 출시.
+255 DNS 레코드를 최대 30초 캐시, `dns.prefetch()`/` dns.getCacheStats()` 추가.
+`bun --no-clear-screen --watch` 지원, `msw` 지원
+
+
+----
+
+## Release @ark-ui/react@3.0.0 · chakra-ui/ark
+[github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0](https://github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0 "Release @ark-ui/[email protected] · chakra-ui/ark")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Ark UI 3.0 출시.
+React/Vue/Solid 대응판이 각각 출시.
+3.0에는 `Context`/`Format` 컴포넌트 추가, `HiddenInput` 다루는 방식 변경, React 19 대응
+
+
+----
+
+## Next.js 15 RC | Next.js
+[nextjs.org/blog/next-15-rc](https://nextjs.org/blog/next-15-rc "Next.js 15 RC | Next.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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](https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come "SolidStart 1.0: The Shape of Frameworks to Come | SolidJS")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Solid</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe "Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Angular</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Angular v18 출시.
+변경 검지를 담당했던 zone.js를 사용하지 않는 구조 실험적 지원, Material 3 정식 지원, Deferrable views/Built-in control flow를 Stable로 변경.
+Angular DevTools 개선
+
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs
+[codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/](https://codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/ "CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">PDF</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">security</span> <span class="jser-tag">Electron</span> <span class="jser-tag">article</span></p>
+
+PDF 파일을 PDF.js로 열면 임의의 JavaScript 실행가능한 XSS 취약점에 대하여.
+PDF.js v4.2.67에서 수정. 또한 `isEvalSupported: false` 함으로 회피 가능.
+
+- [PDF.js vulnerable to arbitrary JavaScript execution upon opening a malicious PDF · CVE-2024-4367 · GitHub Advisory Database](https://github.com/advisories/GHSA-wgrm-67xf-hhpq "PDF.js vulnerable to arbitrary JavaScript execution upon opening a malicious PDF · CVE-2024-4367 · GitHub Advisory Database")
+
+----
+
+## CSS로 체크 박스나 라디오 버튼 커스터마이즈하기 2024: Days on the Moon
+[nanto.asablo.jp/blog/2024/05/24/9686885](https://nanto.asablo.jp/blog/2024/05/24/9686885 "CSS에서 체크 박스나 라디오 버튼 커스터마이즈하기 2024: Days on the Moon")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+체크 박스`<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/](https://lazamar.github.io/virtual-dom/ "A virtual DOM in 200 lines of JavaScript – Marcelo Lazaroni – Developing for the Interwebs")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">DOM</span> <span class="jser-tag">article</span></p>
+
+Virtual DOM 구현하며 구조를 알아보는 글
+
+
+----
+
+## Understand errors and warnings better with Gemini  |  Chrome DevTools  |  Chrome for Developers
+[developer.chrome.com/docs/devtools/console/understand-messages](https://developer.chrome.com/docs/devtools/console/understand-messages "Understand errors and warnings better with Gemini  |  Chrome DevTools  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">debug</span> <span class="jser-tag">LanguageModel</span> <span class="jser-tag">article</span></p>
+
+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](https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881 "Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">accessibility</span> <span class="jser-tag">article</span> <span class="jser-tag">CSS</span></p>
+
+Airbnb의 접근성 고려한 글씨 크기/줌, `rem`을 우선적으로 사용하는 결정에 대한 배경, 글씨에 대한 접근, Figma/디자이너 연계 방법에 대하여
+
+
+----
+<h1 class="site-genre">슬라이드, 영상</h1>
+
+----
+
+## esbuild 최적화맨 - Speaker Deck
+[speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren](https://speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren "esbuild 최적화맨 - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Lambda</span> <span class="jser-tag">esbuild</span> <span class="jser-tag">slide</span></p>
+
+esbuild 사용해 번들 크기를 최적화해서 AWS Lambda의 Cold Start 시간을 단축하는 내용.
+
+- [exoego/esbuild-bundle-analyzer: Analyzes each PR&#039;s impact on esbuild bundle size](https://github.com/exoego/esbuild-bundle-analyzer "exoego/esbuild-bundle-analyzer: Analyzes each PR&amp;#039;s impact on esbuild bundle size")
+
+----
+<h1 class="site-genre">웹사이트, 서비스, 문서</h1>
+
+----
+
+## andrico1234/the-dilemmas-youll-face: The Dilemmas You&#039;ll Face When Creating Your First Component Library
+[github.com/andrico1234/the-dilemmas-youll-face?tab&#x3D;readme-ov-file](https://github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file "andrico1234/the-dilemmas-youll-face: The Dilemmas You&#039;ll Face When Creating Your First Component Library")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">UI</span> <span class="jser-tag">document</span></p>
+
+컴포넌트 라이브러리를 작성할 때 가이드.
+라이브러리를 사용해, npm 패키지로 공개하는 방법, 저장소 구성, bundler에 대하여
+
+
+----