|
| 1 | +--- |
| 2 | +title: "2023-09-29: Babel v7.23.0, Vike, State of HTML 2023 앙케이트 시작" |
| 3 | +author: "azu" |
| 4 | +translator: rewrite0w0 |
| 5 | +layout: post |
| 6 | +date : 2023-09-29T03:42:25.875Z |
| 7 | +category: JSer |
| 8 | +tags: |
| 9 | +- CSS |
| 10 | +- HTML |
| 11 | +- React |
| 12 | +- ECMAScript |
| 13 | +- Bun |
| 14 | + |
| 15 | +--- |
| 16 | + |
| 17 | +JSer.info #662 - Babel v7.23.0 출시했습니다. |
| 18 | + |
| 19 | +- [7.23.0 Released: Decorator Metadata and many new `import` features! · Babel](https://babeljs.io/blog/2023/09/25/7.23.0) |
| 20 | + |
| 21 | +Stage 3 Decorator Metadata 지원, Stage 3 `import source` 지원 추가됩니다. |
| 22 | +Stage 2 `import defer` 지원, Stage 1 Optional Chaining Assignment 지원, TypeScript 5.2 지원됩니다. |
| 23 | + |
| 24 | +또한 Babel 8가 α 출시했습니다. |
| 25 | +변경점이나 업데이트 방법은 마이그레이션 가이드로 공개중입니다. |
| 26 | + |
| 27 | +- [Upgrade to Babel 8 · Babel](https://next.babeljs.io/docs/v8-migration/) |
| 28 | + |
| 29 | +--- |
| 30 | + |
| 31 | +React이나 Vue 프레임워크 Next.js, Nuxt 같은 기능을 제공하는 Vite 플러그인 Vike가 공개되었습니다. |
| 32 | + |
| 33 | +- [Vike](https://vike.dev/) |
| 34 | + |
| 35 | +본래 이름은 `vite-plugin-ssr` 이었지만, Vike로 변경했습니다. |
| 36 | +라우팅, 서버사이트 렌더링 등 기능을 제공하면서, React/Vue/Svelte/Solid 같은 UI 라이브러리도 지원하는게 특징입니다. |
| 37 | + |
| 38 | +--- |
| 39 | + |
| 40 | +HTML 개발자 앙케이트 State of HTML 2023 시작합니다. |
| 41 | + |
| 42 | +- [State of HTML 2023 now open! • Lea Verou](https://lea.verou.me/blog/2023/state-of-html-2023/) |
| 43 | +- [State of HTML 2023](https://survey.devographics.com/en-US/survey/state-of-html/2023) |
| 44 | + |
| 45 | +앙케이트 결과는 브라우저 표준화 그룹 로드맵 우선순위 결정에 사용됩니다. |
| 46 | + |
| 47 | +---- |
| 48 | + |
| 49 | +{% include inline-support.html %} |
| 50 | + |
| 51 | +---- |
| 52 | + |
| 53 | +<h1 class="site-genre">헤드라인</h1> |
| 54 | + |
| 55 | +---- |
| 56 | + |
| 57 | +## Bun v1.0.3 | Bun Blog |
| 58 | +[bun.sh/blog/bun-v1.0.3](https://bun.sh/blog/bun-v1.0.3 "Bun v1.0.3 | Bun Blog") |
| 59 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p> |
| 60 | + |
| 61 | +Bun v1.0.3 출시. |
| 62 | +TypeScript `emitDecoratorMetadata` 지원, `module.parent` 지원, `bun install`에서 private registry 지원. |
| 63 | +`console.Console` 지원, `bunx` 버그 수정 |
| 64 | + |
| 65 | + |
| 66 | +---- |
| 67 | + |
| 68 | +## Release v3.7.0 · honojs/hono |
| 69 | +[github.com/honojs/hono/releases/tag/v3.7.0](https://github.com/honojs/hono/releases/tag/v3.7.0 "Release v3.7.0 · honojs/hono") |
| 70 | +<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> |
| 71 | + |
| 72 | +Hono v3.7.0 출시. |
| 73 | +`c.stream()`와 `c.streamText()` 추가, `hono/testing` 추가, `hono/jwt`가 `verify`/`descode`/`sign` 함수 export 할 수 있도록 변경 |
| 74 | + |
| 75 | + |
| 76 | +---- |
| 77 | + |
| 78 | +## 7.23.0 Released: Decorator Metadata and many new \`import\` features! · Babel |
| 79 | +[babeljs.io/blog/2023/09/25/7.23.0](https://babeljs.io/blog/2023/09/25/7.23.0 "7.23.0 Released: Decorator Metadata and many new \`import\` features! · Babel") |
| 80 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">babel</span> <span class="jser-tag">ReleaseNote</span></p> |
| 81 | + |
| 82 | +Babel v7.23.0 출시. |
| 83 | +Stage 3 Decorator Metadata 지원, Stage 3 `import source` 지원. |
| 84 | +Stage 2 `import defer` 지원, Stage 1のOptional Chaining Assignment 지원, TypeScript 5.2 지원. |
| 85 | +또한 Babel 8가 α 출시됨. |
| 86 | + |
| 87 | + |
| 88 | +---- |
| 89 | + |
| 90 | +## Firefox 118.0, See All New Features, Updates and Fixes |
| 91 | +[www.mozilla.org/en-US/firefox/118.0/releasenotes/](https://www.mozilla.org/en-US/firefox/118.0/releasenotes/ "Firefox 118.0, See All New Features, Updates and Fixes") |
| 92 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p> |
| 93 | + |
| 94 | +Firefox 118 출시. |
| 95 | +`<search>` 요소 지원, CSS 수학함수(round, mod, rem, pow, sqrt, hypot, log, exp, abs, sign) 지원. |
| 96 | +또한, Opaque Response Blocking 구현됨. |
| 97 | + |
| 98 | +- [Firefox 118 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/118 "Firefox 118 for developers - Mozilla | MDN") |
| 99 | + |
| 100 | +---- |
| 101 | + |
| 102 | +## Vike |
| 103 | +[vike.dev/](https://vike.dev/ "Vike") |
| 104 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">plugin</span> <span class="jser-tag">library</span></p> |
| 105 | + |
| 106 | +React이나 Vue 프레임워크 Next.js, Nuxt 같은 기능을 제공하는 Vite 플러그인. |
| 107 | +라우팅이나 서버사이트렌더링 등 기능 제공하면서, React/Vue/Svelte/Solid UI 라이브러리 지원. |
| 108 | + |
| 109 | + |
| 110 | +---- |
| 111 | + |
| 112 | +## ECMAScript proposal updates @ 2023-09 | ECMAScript Daily |
| 113 | +[ecmascript-daily.github.io/ecmascript/2023/09/29/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2023/09/29/ecmascript-proposal-update "ECMAScript proposal updates @ 2023-09 | ECMAScript Daily") |
| 114 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">proposal</span> <span class="jser-tag">news</span></p> |
| 115 | + |
| 116 | +2023-09 TC39 Meeting ECMAScript Proposal 상태 변경 정리. |
| 117 | +Resizable and growable ArrayBuffers가 Stage 4가 되어 ES2024 들어오는 것이 결정. |
| 118 | + |
| 119 | + |
| 120 | +---- |
| 121 | + |
| 122 | +## Astro 3.2: View Transitions improvements | Astro |
| 123 | +[astro.build/blog/astro-320/](https://astro.build/blog/astro-320/ "Astro 3.2: View Transitions improvements | Astro") |
| 124 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">ReleaseNote</span></p> |
| 125 | + |
| 126 | +Astro 3.2 출시. |
| 127 | +`data-astro-history="replace"` 추가, `navigate` API 추가, `<ViewTransitions />` A11Y 지원 |
| 128 | + |
| 129 | + |
| 130 | +---- |
| 131 | +<h1 class="site-genre">읽을거리</h1> |
| 132 | + |
| 133 | +---- |
| 134 | + |
| 135 | +## State of HTML 2023 now open! • Lea Verou |
| 136 | +[lea.verou.me/blog/2023/state-of-html-2023/](https://lea.verou.me/blog/2023/state-of-html-2023/ "State of HTML 2023 now open! • Lea Verou") |
| 137 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">Survey</span> <span class="jser-tag">article</span></p> |
| 138 | + |
| 139 | +HTML 앙케이트 State of HTML 시작 |
| 140 | + |
| 141 | +- [State of HTML 2023](https://survey.devographics.com/en-US/survey/state-of-html/2023 "State of HTML 2023") |
| 142 | + |
| 143 | +---- |
| 144 | + |
| 145 | +## Announcing Deno Queues |
| 146 | +[deno.com/blog/queues](https://deno.com/blog/queues "Announcing Deno Queues") |
| 147 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">article</span></p> |
| 148 | + |
| 149 | +Deno KV 사용하는 큐 Deno Queues에 대해서 |
| 150 | + |
| 151 | + |
| 152 | +---- |
| 153 | + |
| 154 | +## 【2023年】SWR & TanStack Query 비교 |
| 155 | +[zenn.dev/taisei\_13046/articles/288e4470cfc45e](https://zenn.dev/taisei_13046/articles/288e4470cfc45e "【2023年】SWR & TanStack Query 비교") |
| 156 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span> <span class="jser-tag">library</span></p> |
| 157 | + |
| 158 | +SWR과 TanStack Query 비교 글. |
| 159 | +각 라이브러리 특징, API 인터페이스, 기능 차이, 캐시를 생각하는 차이에 대해 |
| 160 | + |
| 161 | + |
| 162 | +---- |
| 163 | + |
| 164 | +## CSS Subgrid |
| 165 | +[web.dev/css-subgrid/](https://web.dev/css-subgrid/ "CSS Subgrid") |
| 166 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p> |
| 167 | + |
| 168 | +CSS subgrid 관련하여 |
| 169 | + |
| 170 | + |
| 171 | +---- |
| 172 | + |
| 173 | +## CSS Nesting and the Cascade | WebKit |
| 174 | +[webkit.org/blog/14571/css-nesting-and-the-cascade/](https://webkit.org/blog/14571/css-nesting-and-the-cascade/ "CSS Nesting and the Cascade | WebKit") |
| 175 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p> |
| 176 | + |
| 177 | +Safari Technology Preview 179에서 CSS Nesting가 기호부터 시작하면 안되는 규약을 제거하는 relaxed parsing behavior 구현 |
| 178 | + |
| 179 | + |
| 180 | +---- |
| 181 | + |
| 182 | +## Temporal API is Awesome · Taro |
| 183 | +[taro.codes/posts/2023-08-23-temporal-api/](https://taro.codes/posts/2023-08-23-temporal-api/ "Temporal API is Awesome · Taro") |
| 184 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">article</span></p> |
| 185 | + |
| 186 | +ECMAScript Proposal Stage 3의 Temporal API 관련하여. |
| 187 | +기본적인 사용방법이나 브라우저 구현 상황에 대하여 |
| 188 | + |
| 189 | + |
| 190 | +---- |
| 191 | +<h1 class="site-genre">웹사이트, 서비스, 문서</h1> |
| 192 | + |
| 193 | +---- |
| 194 | + |
| 195 | +## kurtextrem/awesome-performance-patches: 🚀⚡ Awesome lists about performance related patches/PRs. |
| 196 | +[github.com/kurtextrem/awesome-performance-patches](https://github.com/kurtextrem/awesome-performance-patches "kurtextrem/awesome-performance-patches: 🚀⚡ Awesome lists about performance related patches/PRs.") |
| 197 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">performance</span> <span class="jser-tag">links</span></p> |
| 198 | + |
| 199 | +JavaScript/CSS/HTML 기능 개선 관련하여 Pull Request나 글 정리한 레포지터리 |
| 200 | + |
| 201 | + |
| 202 | +---- |
| 203 | +<h1 class="site-genre">도서</h1> |
| 204 | + |
| 205 | +---- |
| 206 | + |
| 207 | +## 지금부터 시작하는 React 실전 입문 | SB크리에이티브 |
| 208 | +[www.sbcr.jp/product/4815619480/](https://www.sbcr.jp/product/4815619480/ "지금부터 시작하는 React 실전 입문 | SB크리에이티브") |
| 209 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Next.js</span> <span class="jser-tag">book</span></p> |
| 210 | + |
| 211 | +2023년 9월 28일 발매 |
| 212 | +React, Next.js 관련 도서 |
| 213 | + |
| 214 | + |
| 215 | +---- |
0 commit comments