From b83ed87bbe876fe7b3b65e0b61d5d395d80f967e Mon Sep 17 00:00:00 2001 From: 0w0 <55968557+rewrite0w0@users.noreply.github.com> Date: Wed, 22 May 2024 00:32:57 +0000 Subject: [PATCH] translate: 2024-05-19 (#1195) --- ...-router-react-router-state-of-html-2023.md | 205 ++++++++++++++++++ 1 file changed, 205 insertions(+) create mode 100644 _i18n/ko/_posts/2024/2024-05-19-remix-react-router-react-router-state-of-html-2023.md diff --git a/_i18n/ko/_posts/2024/2024-05-19-remix-react-router-react-router-state-of-html-2023.md b/_i18n/ko/_posts/2024/2024-05-19-remix-react-router-react-router-state-of-html-2023.md new file mode 100644 index 00000000000..f1e0ae1f51a --- /dev/null +++ b/_i18n/ko/_posts/2024/2024-05-19-remix-react-router-react-router-state-of-html-2023.md @@ -0,0 +1,205 @@ +--- +title: "2024-05-19: Remix + React Router = React Router, State of HTML 2023" +author: "azu" +translator: rewrite0w0 +layout: post +date: 2024-05-19T14:15:49.809Z +category: JSer +tags: +- React +- Angular +- nodejs +- Next.js +- safari + +--- + +JSer.info #693 - 다음 글에서, Remix v3는 React Router v7로 출시될 예정이라는 이야기를 다뤄요. + +- [Merging Remix and React Router | Remix](https://remix.run/blog/merging-remix-and-react-router) + +Remix와 React Router는, Vite와 서버 이외에서 거의 비슷한 기능이에요. +이에, React Router를 Remix로 마이그레이션할 필요 없이, React Router 업데이트하기만 하면 Remix 기능을 사용할 수 있다는 이야기구요. +기존 Remix 애플리케이션은, import할 때 패키지 `react-router` 변경하기만 해도 동작하게 할 예정이에요. + +이런 결정 상세 사항은, X에 작성되어 있어요. + +- https://x.com/ryanflorence/status/1791479313939976313 + +React Router 안정화 위해, Remix 자체 개발은 잠시 멈추지만, +앞으로 Remix 프로젝트로 다뤄질 예정 같아요. + +--- + +State of HTML 2023 결과가 공개되었어요. + +- [State of HTML 2023](https://2023.stateofhtml.com/en-US/) + +HTML 엘리먼트와 속성, Web Components, 접근성, 앞으로의 과제와 바라던 기능에 대한 앙케이트 결과에요. + +---- + +{% include inline-support.html %} + +---- + +

헤드라인

+ +---- + +## WebKit Features in Safari 17.5 | WebKit +[webkit.org/blog/15383/webkit-features-in-safari-17-5/](https://webkit.org/blog/15383/webkit-features-in-safari-17-5/ "WebKit Features in Safari 17.5 | WebKit") +

safari ReleaseNote

+ +Safari 17.5 변경점. +CSS의 `text-wrap: balance`, `light-dark()`, `@starting-style`, `@import supports()` 지원. +AV1 for WebCodecs 지원 + + +---- + +## Firefox 126.0, See All New Features, Updates and Fixes +[www.mozilla.org/en-US/firefox/126.0/releasenotes/](https://www.mozilla.org/en-US/firefox/126.0/releasenotes/ "Firefox 126.0, See All New Features, Updates and Fixes") +

Firefox ReleaseNote

+ +Firefox 126 출시. +zstd 지원, CSS `zoom` 프로퍼티 지원, `URL.parse()` 지원, Screen Wake Lock API 지원. +Custom Element의 CustomStateSet과 `:state()` 추상클래스 지원 + +- [Firefox 126 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/126 "Firefox 126 for developers - Mozilla | MDN") + +---- + +## Node.js — Node v22.2.0 (Current) +[nodejs.org/en/blog/release/v22.2.0](https://nodejs.org/en/blog/release/v22.2.0 "Node.js — Node v22.2.0 (Current)") +

nodejs ReleaseNote

+ +Node.js v22.2.0 출시. +fs.glob가 `withFileTypes` 지원, `--inspect-wait=host:port` 지원, `--experimental-policy` 삭제. +`node:test`에 `test.plan` 메서드 추가 + + +---- + +## Release 8.1.0 · google/zx +[github.com/google/zx/releases/tag/8.1.0](https://github.com/google/zx/releases/tag/8.1.0 "Release 8.1.0 · google/zx") +

nodejs ShellScript library ReleaseNote

+ +zx 8.1.0 출시. +ESM와 CJS 모두 지원, Node.js 12에서 22까지 지원, Deno 1.x 호환성 지원. +`usePwsh()` 추가, `$.timeout` 지원, `--cwd` 플래그 추가 + + +---- + +## Release v0.21.3 · evanw/esbuild +[github.com/evanw/esbuild/releases/tag/v0.21.3](https://github.com/evanw/esbuild/releases/tag/v0.21.3 "Release v0.21.3 · evanw/esbuild") +

esbuild ReleaseNote

+ +esbuild v0.21.3 출시. +decorator metadata proposal 지원 + + +---- +

읽을거리

+ +---- + +## Merging Remix and React Router | Remix +[remix.run/blog/merging-remix-and-react-router](https://remix.run/blog/merging-remix-and-react-router "Merging Remix and React Router | Remix") +

React Remix article

+ +Remix는 React Router v7로 출시 예정할 이야기. +Remix와 React Router는, Vite와 서버 이외는 거의 같은 기능. +이에, React Router를 Remix로 마이그레이션할 필요없이, React Router 업데이트하기만 하면 Remix 기능 사용 가능. +기존 Remix 애플리케이션은, import 패키지 `react-router`로 변경하기만 해도 동작할 예정. + + +---- + +## Angular 17 Update: Control Flow & App Builder Migration - ANGULARarchitects +[www.angulararchitects.io/blog/angular-17-update-control-flow-app-builder-migration/](https://www.angulararchitects.io/blog/angular-17-update-control-flow-app-builder-migration/ "Angular 17 Update: Control Flow & App Builder Migration - ANGULARarchitects") +

Angular article

+ +Angular 18가 2024-05-20에 출시되므로, 그 전에 Angular 17으로 업데이트 하자는 글. +Angular 17에는 새로운 제어 흐름과 Vite으로 변경도 포함, 업데이트 방법에 대해. + + +---- + +## Introducing Firebase App Hosting +[firebase.blog/posts/2024/05/introducing-app-hosting/](https://firebase.blog/posts/2024/05/introducing-app-hosting/ "Introducing Firebase App Hosting") +

firebase Next.js Angular article

+ +Firebase App Hosting 관하여. +설정없이 Angular랑 Next.js 지원하는 Cloud Run 기반 호스팅 서비스 + + +---- + +## State of HTML 2023 +[2023.stateofhtml.com/en-US/](https://2023.stateofhtml.com/en-US/ "State of HTML 2023") +

HTML Survey

+ +State of HTML 2023 결과 공개. +HTML 엘리먼트나 속성, Web Components, 접근성, 앞으로의 과제나 필요한 기능에 대한 앙케이트 + + +---- + +## Digging for SSRF in NextJS apps +[www.assetnote.io/resources/research/digging-for-ssrf-in-nextjs-apps](https://www.assetnote.io/resources/research/digging-for-ssrf-in-nextjs-apps "Digging for SSRF in NextJS apps") +

Next.js security article

+ +Next.js 14.1.1에 수정된 SSRF 취약성에 대해. +Server Actions에서 `redirect()` 사용한 path 리다이렉트 하고 있는 API가 있는 경우에, Next.js에서 임의의 URL에 GET 리퀘스트한 내용을 얻을 수 있는 SSRF 취약성 + +- [Next.js Server-Side Request Forgery in Server Actions · CVE-2024-34351 · GitHub Advisory Database](https://github.com/advisories/GHSA-fr5h-rqp8-mj6g "Next.js Server-Side Request Forgery in Server Actions · CVE-2024-34351 · GitHub Advisory Database") +- [azu/nextjs-CVE-2024-34351: poc](https://github.com/azu/nextjs-CVE-2024-34351 "azu/nextjs-CVE-2024-34351: poc") + +---- + +## Introducing the CSS anchor positioning API  |  Blog  |  Chrome for Developers +[developer.chrome.com/blog/anchor-positioning-api](https://developer.chrome.com/blog/anchor-positioning-api "Introducing the CSS anchor positioning API  |  Blog  |  Chrome for Developers") +

CSS article

+ +CSS Anchor Positioning API에 대해. +컨셉, 기본적인 사용 방법, popover 속성과 ``와 조합, `@position-try`에서 대체 위치 지정, 스크롤과 조합 + + +---- + +## React Compiler – React +[react.dev/learn/react-compiler](https://react.dev/learn/react-compiler "React Compiler – React") +

React babel document

+ +React Compiler 실험적 공개. +Babel 플러그인으로 구현, opt-in 도입 방법이나 `react-compiler-healthcheck`로 호환성 체크, ESLint 플러그인에 대해서도 작성 + + +---- +

웹사이트, 서비스, 문서

+ +---- + +## Web Platform Status +[webstatus.dev/](https://webstatus.dev/ "Web Platform Status") +

browser webservice

+ +웹 플랫폼 브라우저 상태 정리한 페이지. +기능 마다 브라우저 지원 표시, 검색 가능 + + +---- +

소프트웨어, 도구, 라이브러리

+ +---- + +## farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript. +[github.com/farzher/fuzzysort](https://github.com/farzher/fuzzysort "farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript.") +

JavaScript search library

+ +fuzzy search 라이브러리 + + +----