-
-
Notifications
You must be signed in to change notification settings - Fork 70
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* translate: 20240412 article * translate: 20240212 article
- Loading branch information
1 parent
39b0806
commit 46c3049
Showing
1 changed file
with
188 additions
and
0 deletions.
There are no files selected for viewing
188 changes: 188 additions & 0 deletions
188
.../ko/_posts/2024/2024-02-12-jquery-4.0.0-storybook-8-beta-vite-5.1runtime-api.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,188 @@ | ||
| --- | ||
| title: "2024-02-12: jQuery 4.0.0, Storybook 8 Beta, Vite 5.1(Runtime API)" | ||
| author: "azu" | ||
| translator: rewrite0w0 | ||
| layout: post | ||
| date: 2024-02-12T03:12:33.431Z | ||
| category: JSer | ||
| tags: | ||
| - vite | ||
| - Tools | ||
| - jQuery | ||
| - Rust | ||
| - Design | ||
|
|
||
| --- | ||
|
|
||
| JSer.info #680 - jQuery 4.0.0 Beta가 출시되었어요. | ||
|
|
||
| - [jQuery 4.0.0 BETA! | Official jQuery Blog](https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/) | ||
|
|
||
| IE 10이하 지원 종료, 비권장 API 삭제, jQuery prototype 객체에서 Array 메서드 삭제, focus와 blur 이벤트 순서를 덮어쓰지 않도록 변경했어요. | ||
| 또한, `FormData` 지원, 자동으로 JSONP으로 fallback하는 동작 삭제, 코드 기반을 AMD에서 ESM으로 이행, Trusted Types 지원 등도 포함되었어요. | ||
|
|
||
| jQuery 5에는, IE 11 지원 삭제할 예정이에요. | ||
|
|
||
| --- | ||
|
|
||
| Storybook 8 Beta가 출시되었어요. | ||
|
|
||
| - [Storybook 8 Beta](https://storybook.js.org/blog/storybook-8-beta/) | ||
|
|
||
| 기본 컴파일러를 Babel에서 SWC으로 변경, 모바일 UI 개선 변경이 있어요. | ||
| 그리고, 지금까지 `@storybook/jest`와 `@storybook/testing-library` 두 개의 테스트 패키지가 있었지만, 이를 `@storybook/test`로 통합했어요. | ||
|
|
||
| - [@storybook-test: more streamlined and powerful testing](https://storybook.js.org/blog/storybook-test/?ref=storybookblog.ghost.io) | ||
|
|
||
| 그 외로는, Node.js 16 지원 종료, Yarn v1 지원 종료도 있어요. | ||
|
|
||
| --- | ||
|
|
||
| Vite 5.1가 출시되었어요. | ||
|
|
||
| - [Vite 5.1 is out! | Vite](https://vitejs.dev/blog/announcing-vite5-1.html) | ||
|
|
||
| 실험적 API로 Vite 이외 서버와 Vite 조합해서 이용하기 위한 [Vite Runtime API](https://vitejs.dev/guide/api-vite-runtime)가 추가되었어요. | ||
| 그리고, `.css?url` 지원 개선, circular import에서 HMR 개선, 성능 개선도 있어요. | ||
|
|
||
| ---- | ||
|
|
||
| {% include inline-support.html %} | ||
|
|
||
| ---- | ||
|
|
||
| <h1 class="site-genre">헤드라인</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## jQuery 4.0.0 BETA! | Official jQuery Blog | ||
| [blog.jquery.com/2024/02/06/jquery-4-0-0-beta/](https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/ "jQuery 4.0.0 BETA! | Official jQuery Blog") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| jQuery 4.0.0 Beta 출시. | ||
| IE 10 이하 지원 종료, 비권장 API 삭제, jQuery prototype 객체에서 Array 메서드 삭제, focus와 blur 이벤트 순서를 덮어쓰지 않도록 변경. | ||
| `FormData` 지원, 자동으로 JSONP으로 fallback 하는 동작 삭제, 코드기반 AMD에서 ESM으로 이행, Trusted Types 지원. | ||
| IE 11 지원은, jQuery 5에서 삭제될 예정. | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Announcing Rsbuild v0.4 - Rsbuild | ||
| [deploy-preview-1520--rsbuild.netlify.app/community/releases/v0-4](https://deploy-preview-1520--rsbuild.netlify.app/community/releases/v0-4 "Announcing Rsbuild v0.4 - Rsbuild") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Rust</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Rsbuild v0.4 출시. | ||
| Module Federation를 퍼스트 클래스 지원, 플러그인 Hook 순서 제어하는 `order` 옵션 추가, IE 문제 관련 postcss-flexbugs-fixes 삭제 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Storybook 8 Beta | ||
| [storybook.js.org/blog/storybook-8-beta/](https://storybook.js.org/blog/storybook-8-beta/ "Storybook 8 Beta") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Design</span> <span class="jser-tag">debug</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Storybook 8 Beta 출시. | ||
| 기본 컴파일러를 Babel에서 SWC으로 변경, 모바일 UI 개선, 테스트 패키지 `@storybook/test`로 통합, Node.js 16 지원 종료, Yarn v1 지원 종료 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Vite 5.1 is out! | Vite | ||
| [vitejs.dev/blog/announcing-vite5-1.html](https://vitejs.dev/blog/announcing-vite5-1.html "Vite 5.1 is out! | Vite") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Vite 5.1 출시. | ||
| 실험적 API로 Vite Runtime API 추가, `.css?url` 지원 개선, circular import 에서 HMR 개선, 성능 개선 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## CheerpJ 3.0 now generally available: Run any Java Application on Modern Browsers CheerpJ 3.0 now available: run any Java on modern browsers | ||
| [cheerpj.com/cheerpj-3-now-generally-available/](https://cheerpj.com/cheerpj-3-now-generally-available/ "CheerpJ 3.0 now generally available: Run any Java Application on Modern Browsers CheerpJ 3.0 now available: run any Java on modern browsers") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Java</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 브라우저 상에서 Java 애플리케이션을 동작시키는 CheerpJ 3.0 출시. | ||
| 지금까지는 AOT Java Compiler였지만, 3.0에서는 WebAssembly 기반 JVM 대체 구현. | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Release v4.0.0 · honojs/hono | ||
| [github.com/honojs/hono/releases/tag/v4.0.0](https://github.com/honojs/hono/releases/tag/v4.0.0 "Release v4.0.0 · honojs/hono") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">server</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Hono v4.0.0 출시. | ||
| Static Site Generation(SSG) 지원, 클라이언트 사이드에서 동작하는 `hono/jsx/dom` 추가. | ||
| 동시에 파일 기반 라우팅 프레임워크 honox 공개. | ||
|
|
||
| - [honojs/honox: HonoX](https://github.com/honojs/honox "honojs/honox: HonoX") | ||
|
|
||
| ---- | ||
| <h1 class="site-genre">읽을거리</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Hot Module Replacement is Easy - Bjorn Lu | ||
| [bjornlu.com/blog/hot-module-replacement-is-easy](https://bjornlu.com/blog/hot-module-replacement-is-easy "Hot Module Replacement is Easy - Bjorn Lu") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Vite의 Hot Module Replacement(HMR) 구현에 대하여. | ||
| HMR API 해설, HMR 생명주기, HMR propagation, HMR 클라이언트 구현에 대해 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## From many to one: Moving our JavaScript code into a monorepo | Aha! software | ||
| [www.aha.io/engineering/articles/monorepo](https://www.aha.io/engineering/articles/monorepo "From many to one: Moving our JavaScript code into a monorepo | Aha! software") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">monorepo</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Git 이력을 유지하면서, JavaScript monorepo 만드는 이야기. | ||
| Nx + pnpm, pnpm workspaces, Turborepo + pnpm 비교, Turborepo 선택한 이유에 대해 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm - Socket | ||
| [socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm](https://socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm "Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm - Socket") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">npm</span> <span class="jser-tag">discussion</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Node.js의 corepack 기본값 유효화할 경우에, `npm`를 Node.js에 핸들하는가 어떤가 논의에 대하여. | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">슬라이드, 영상</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## FOSDEM 2024 - Fast JavaScript with Data-Oriented Design | ||
| [fosdem.org/2024/schedule/event/fosdem-2024-2773-fast-javascript-with-data-oriented-design/](https://fosdem.org/2024/schedule/event/fosdem-2024-2773-fast-javascript-with-data-oriented-design/ "FOSDEM 2024 - Fast JavaScript with Data-Oriented Design") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">performance</span> <span class="jser-tag">video</span> <span class="jser-tag">slide</span></p> | ||
|
|
||
| Firefox Profiler 성능 개선 이야기. | ||
| 대량 데이터를 다룰 필요가 있는 애플리케이션에서, 어떤 데이터가 와도 고속으로 처리할 수 있도록 하는 방법에 대하여. | ||
| 데이터가 어떤식으로 메모리에 확보하는가 메모리 레이아웃을 의식한 데이터 지향 설계 개선 방법에 대하여 | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## awslabs/llrt: LLRT (Low Latency Runtime) is an experimental, lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications. | ||
| [github.com/awslabs/llrt](https://github.com/awslabs/llrt "awslabs/llrt: LLRT (Low Latency Runtime) is an experimental, lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications.") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">aws</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| AWS Lambda에서 이용가능한 QuickJS 기반 JavaScript Runtime. | ||
| 크기와 기동 속도를 목적으로, Node.js 코어 모듈을 부분적으로 구현. | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## StellateHQ/fuse: Fuse: The fastest way to build and query great APIs with TypeScript | ||
| [github.com/StellateHQ/fuse](https://github.com/StellateHQ/fuse "StellateHQ/fuse: Fuse: The fastest way to build and query great APIs with TypeScript") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">GraphQL</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| TypeScript 코드 기반으로 GraphQL API 작성과 클라이언트 생성 가능한 툴킷. | ||
|
|
||
|
|
||
| ---- |