From 34b0fdb08bf1245550e4f2cf5b9bce14f0545d69 Mon Sep 17 00:00:00 2001 From: 0w0 <55968557+rewrite0w0@users.noreply.github.com> Date: Tue, 28 May 2024 00:09:10 +0000 Subject: [PATCH] translate: 2024-05-26 (#1197) --- ...5-rc-solidstart-1.0-angular-v18zoneless.md | 191 ++++++++++++++++++ 1 file changed, 191 insertions(+) create mode 100644 _i18n/ko/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md diff --git a/_i18n/ko/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md b/_i18n/ko/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md new file mode 100644 index 00000000000..270802eae68 --- /dev/null +++ b/_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 %} + +---- + +

헤드라인

+ +---- + +## 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") +

HTTP library JavaScript ReleaseNote

+ +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") +

Bun ReleaseNote

+ +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/react@3.0.0 · chakra-ui/ark") +

JavaScript React library ReleaseNote

+ +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") +

Next.js ReleaseNote

+ +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") +

Solid ReleaseNote

+ +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") +

Angular ReleaseNote

+ +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/](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") +

PDF JavaScript security Electron article

+ +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") +

HTML CSS article

+ +체크 박스``）나 라디오 버튼（``）을 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") +

JavaScript DOM article

+ +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") +

Chrome debug LanguageModel article

+ +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") +

accessibility article CSS

+ +Airbnb의 접근성 고려한 글씨 크기/줌, `rem`을 우선적으로 사용하는 결정에 대한 배경, 글씨에 대한 접근, Figma/디자이너 연계 방법에 대하여 + + +---- +

슬라이드, 영상

+ +---- + +## 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") +

Lambda esbuild slide

+ +esbuild 사용해 번들 크기를 최적화해서 AWS Lambda의 Cold Start 시간을 단축하는 내용. + +- [exoego/esbuild-bundle-analyzer: Analyzes each PR's impact on esbuild bundle size](https://github.com/exoego/esbuild-bundle-analyzer "exoego/esbuild-bundle-analyzer: Analyzes each PR&#039;s impact on esbuild bundle size") + +---- +

웹사이트, 서비스, 문서

+ +---- + +## 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](https://github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file "andrico1234/the-dilemmas-youll-face: The Dilemmas You'll Face When Creating Your First Component Library") +

UI document

+ +컴포넌트 라이브러리를 작성할 때 가이드. +라이브러리를 사용해, npm 패키지로 공개하는 방법, 저장소 구성, bundler에 대하여 + + +----