translate: 20240102 article

_i18n/ja/_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md

@@ -138,7 +138,7 @@ Next.jsのディレクトリ構造、ツール、コーディングスタイル
 <p class="jser-tags jser-tag-icon"><span class="jser-tag">performance</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
 
 `Server-Timing` HTTP Response Headerについて。
-`Server-Timing`のフォーマット、Node,jsでレスポンスを組み立てる例など
+`Server-Timing`のフォーマット、Node.jsでレスポンスを組み立てる例など
 
 
 ----

_i18n/ko/_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md

@@ -0,0 +1,223 @@
+---
+title: "2024-01-02: Vue 3.4, Vue 2.x의 EOL, quick-lint-js 3.0.0, Astro와 Deno 2023년 정리하기"
+author: "azu"
+translator: rewrite0w0
+layout: post
+date: 2024-01-02T01:21:04.024Z
+category: JSer
+tags:
+- Vue
+- performance
+- CSS
+- book
+- pnpm
+
+---
+
+JSer.info #675 - Vue 3.4 가 출시되었어요.
+
+- [Announcing Vue 3.4 | The Vue Point](https://blog.vuejs.org/posts/vue-3-4)
+
+Vue 3.4에서는 Vue 템플릿 파서 성능 개선, `watchEffect` 개선, `defineModel`가 Stable API으로 변경되었어요.
+또한, `v-bind`가 이름이 같으면 생략 가능하도록, Hydration 에러 표시 개선이 있었어요.
+파괴적 변경으로, global `JSX` namespace 자료형 정의하지 않도록 변경, 실험적 기능이었던 Reactivity Transform 삭제도 있어요.
+
+Vue 2.x 는 2023년 12월 31일 지원 종료되어, End of Life(EOL) 되었어요.
+
+- [Vue 2 Has Reached End of Life](https://v2.vuejs.org/eol/)
+
+최종 버전은 2.7.16 이에요.
+
+- [Release v2.7.16 "Swan Song" · vuejs/vue](https://github.com/vuejs/vue/releases/tag/v2.7.16)
+
+---
+
+C++로 작성된 JavaScript의 Lint 도구 Quick-lint-js 3.0.0가 출시되었어요.
+
+- [TypeScript Clearly & Quickly](https://quick-lint-js.com/blog/version-3.0/)
+- [Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js](https://github.com/quick-lint/quick-lint-js/releases/tag/3.0.0)
+
+Quick-lint-js 3.0.0은, TypeScript 지원돼요
+
+---
+
+다음 글에는, 2023년 Astro와 Deno 주요 변경점이 정리되어 있어요.
+
+- [Astro 가는 해 오는 해](https://zenn.dev/morinokami/articles/astro-2023-2024)
+- [2023년 Deno의 변경점과 이룬 것 정리](https://zenn.dev/uki00a/articles/whats-new-for-deno-in-2023)
+
+주요한 변경 점이나 앞으로의 변경은 추후에 작성할 예정이므로, 관심있으시면 읽어주세요.
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">헤드라인</h1>
+
+----
+
+## Release v8.13.1 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v8.13.1](https://github.com/pnpm/pnpm/releases/tag/v8.13.1 "Release v8.13.1 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v8.13.1 출시.
+`pnpm cat-index`/`pnpm cat-file`/`pnpm find-hash` 명렁어 추가
+
+
+----
+
+## moment/CHANGELOG.md at develop · moment/moment
+[github.com/moment/moment/blob/develop/CHANGELOG.md#2300-full-changelog](https://github.com/moment/moment/blob/develop/CHANGELOG.md#2300-full-changelog "moment/CHANGELOG.md at develop · moment/moment")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+moment 2.30.0 출시.
+
+- [moment-2.30.0.md](https://gist.github.com/ichernev/e277bcd1f0eeabb834f60a777237925a "moment-2.30.0.md")
+
+----
+
+## Release 3.35.0 - 2023.12.29 · zloirock/core-js
+[github.com/zloirock/core-js/releases/tag/v3.35.0](https://github.com/zloirock/core-js/releases/tag/v3.35.0 "Release 3.35.0 - 2023.12.29 · zloirock/core-js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">polyfill</span> <span class="jser-tag">ReleaseNote</span></p>
+
+core-js v3.35.0 출시.
+`{ Map, Set, WeakMap, WeakSet }.{ from, of }`의 `this` 관련한 동작 변경
+
+
+----
+
+## Announcing Vue 3.4 | The Vue Point
+[blog.vuejs.org/posts/vue-3-4](https://blog.vuejs.org/posts/vue-3-4 "Announcing Vue 3.4 | The Vue Point")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vue 3.4 출시.
+Vue 템플릿 파서 성능 개선, `watchEffect` 개선, `defineModel`를 Stable API으로 변경.
+`v-bind`가 같은 이름일 때 생략 가능, Hydration 에러 게시 개선.
+global `JSX` namespace 자료형 정의하지 않도록 변경, 실험적 기능이었던 Reactivity Transform 삭제
+
+
+----
+
+## Vue.js
+[v2.vuejs.org/eol/](https://v2.vuejs.org/eol/ "Vue.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">news</span></p>
+
+Vue 2은 2023년 12월 31일로 End of Life (EOL), 지원 종료.
+최종 버전은 2.7.16
+
+
+----
+
+## TypeScript Clearly &amp; Quickly
+[quick-lint-js.com/blog/version-3.0/](https://quick-lint-js.com/blog/version-3.0/ "TypeScript Clearly &amp; Quickly")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Quick-lint-js 3.0 출시.
+TypeScript의 Lint 지원, JSX의 Lint 개선
+
+- [Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js](https://github.com/quick-lint/quick-lint-js/releases/tag/3.0.0 "Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js")
+
+----
+<h1 class="site-genre">읽을거리</h1>
+
+----
+
+## Next.js를 4년간 사용하면서 깨달음, 엔터프라이즈 애플리케이션의 프론트엔드 개발 및 구축 | POSTD
+[postd.cc/how-i-approach-and-structure-enterprise-frontend-applications-after-4-years-of-using-nextjs/](https://postd.cc/how-i-approach-and-structure-enterprise-frontend-applications-after-4-years-of-using-nextjs/ "Next.js를 4년간 사용하면서 깨달음, 엔터프라이즈 애플리케이션의 프론트엔드 개발 및 구축 | POSTD")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">article</span> <span class="jser-tag">translate</span></p>
+
+Next.js의 Pages Router에서 애플리케이션 아키텍처 관련하여.
+Next.js 폴더 구조, 도구, 코딩 스타일에 대하여
+
+
+----
+
+## Web Performance Calendar » Measuring, monitoring and optimizing TTFB with Server timing
+[calendar.perfplanet.com/2023/ttfb-server-timing-measuring-monitoring-optimizing/](https://calendar.perfplanet.com/2023/ttfb-server-timing-measuring-monitoring-optimizing/ "Web Performance Calendar » Measuring, monitoring and optimizing TTFB with Server timing")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">performance</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+`Server-Timing` HTTP Response Header에 대하여.
+`Server-Timing`의 포맷, Node.js에서의 response 예시
+
+
+----
+
+## Web Performance Calendar » Digging through Chrome traces: an introduction with an example
+[calendar.perfplanet.com/2023/digging-chrome-traces-introduction-example/](https://calendar.perfplanet.com/2023/digging-chrome-traces-introduction-example/ "Web Performance Calendar » Digging through Chrome traces: an introduction with an example")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>
+
+Chrome의 Trace 관련하여.
+DevTools는 현재 탭 데이터 뿐이지만, Chrom 전체 trace를 확인 가능한 `chrome://tracing`에 대해 다룸.
+DevTools 성능 판넬과 trace 사용 구분하기, trace 파일의 포맷, trace와 크롬 코드베이스의 상호작용 확인하는 방법에 대하여.
+
+
+----
+
+## SvelteKit 은 어떤 식으로 컴파일되는가?
+[blog.osstech.co.jp/posts/2023/11/how-sveltekit-compiles/](https://blog.osstech.co.jp/posts/2023/11/how-sveltekit-compiles/ "SvelteKit 은 어떤 식으로 컴파일되는가?")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">vite</span> <span class="jser-tag">article</span></p>
+
+SvelteKit 컴파일하는 vite-plugin-svelte와 Vite 관련하여.
+`/__inspect/`에서의 컴파일 확인 방법, Vite에 대해.
+
+
+----
+
+## Astro 가는 해 오는 해
+[zenn.dev/morinokami/articles/astro-2023-2024](https://zenn.dev/morinokami/articles/astro-2023-2024 "Astro 가는 해 오는 해")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">article</span></p>
+
+Astro의 2023년 주요 변경점 정리.
+Content Collections, Hybrid Rendering, Middleware, Custom Client Directives, Page Partials, Dev Toolbar.
+또한 관련 프로젝트에 대하여
+
+
+----
+
+## 2023년 Deno의 주요 변경점과 이룬 것 정리
+[zenn.dev/uki00a/articles/whats-new-for-deno-in-2023](https://zenn.dev/uki00a/articles/whats-new-for-deno-in-2023 "2023년 Deno의 주요 변경점과 이룬 것 정리")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">article</span></p>
+
+2023년 Deno의 주요 변경점과 이룬 것에 대해.
+Node.js 호환성 개선, `deno.json` 옵션 추가, Deno KV/Queues/Cron 추가, 실험적으로 패키지 매니저 구현, `deno jupyter` 명령어 추가.
+또한, `deno_std`의 v1 출시하기 위한 모듈 삭제 및 구조 변경에 대하여
+
+
+----
+<h1 class="site-genre">소프트웨어, 도구, 라이브러리</h1>
+
+----
+
+## speed-highlight/core: 🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection
+[github.com/speed-highlight/core](https://github.com/speed-highlight/core "speed-highlight/core: 🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+자동적으로 언어를 판단하는 기능이 있는 syntax highlighter
+
+
+----
+
+## Pagefind | Pagefind — Static low-bandwidth search at scale
+[pagefind.app/](https://pagefind.app/ "Pagefind | Pagefind — Static low-bandwidth search at scale")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Rust</span> <span class="jser-tag">library</span> <span class="jser-tag">search</span> <span class="jser-tag">nodejs</span></p>
+
+정적 사이트를 대상으로 하는 전문 검색 엔진과 UI 라이브러리.
+검색 인덱스를 chunk에 나눠서 작성, 브라우저가 얻는 인덱스도 필요한 부분만 읽으므로, 큰 사이트여도 전송량을 자잘하게 유지하는 구조를 갖고 있음.
+
+
+----
+<h1 class="site-genre">도서</h1>
+
+----
+
+## Tailwind CSS 실전입문：도서안내｜기술평론사
+[gihyo.jp/book/2024/978-4-297-13943-8](https://gihyo.jp/book/2024/978-4-297-13943-8 "Tailwind CSS 실전입문：도서안내｜기술평론사")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">book</span></p>
+
+2024년 1월 26일 발매
+Tailwind CSS 관련한 도서
+
+
+----