-
-
Notifications
You must be signed in to change notification settings - Fork 68
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3e368c8
commit 22a4ef3
Showing
1 changed file
with
191 additions
and
0 deletions.
There are no files selected for viewing
191 changes: 191 additions & 0 deletions
191
...n/ko/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 | ||
| - 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'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") | ||
|
|
||
| ---- | ||
| <h1 class="site-genre">웹사이트, 서비스, 문서</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## 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") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">UI</span> <span class="jser-tag">document</span></p> | ||
|
|
||
| 컴포넌트 라이브러리를 작성할 때 가이드. | ||
| 라이브러리를 사용해, npm 패키지로 공개하는 방법, 저장소 구성, bundler에 대하여 | ||
|
|
||
|
|
||
| ---- |