JSer.info #675 - 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) 되었어요.
최종 버전은 2.7.16 이에요.
C++로 작성된 JavaScript의 Lint 도구 Quick-lint-js 3.0.0가 출시되었어요.
Quick-lint-js 3.0.0은, TypeScript 지원돼요
다음 글에는, 2023년 Astro와 Deno 주요 변경점이 정리되어 있어요.
주요한 변경 점이나 앞으로의 변경은 추후에 작성할 예정이므로, 관심있으시면 읽어주세요.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Release v8.13.1 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v8.13.1
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
moment 2.30.0 출시.
Release 3.35.0 - 2023.12.29 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v3.35.0
core-js v3.35.0 출시.
{ Map, Set, WeakMap, WeakSet }.{ from, of }의 this 관련한 동작 변경
Announcing Vue 3.4 | The Vue Point
Vue 3.4 출시.
Vue 템플릿 파서 성능 개선, watchEffect 개선, defineModel를 Stable API으로 변경.
v-bind가 같은 이름일 때 생략 가능, Hydration 에러 게시 개선.
global JSX namespace 자료형 정의하지 않도록 변경, 실험적 기능이었던 Reactivity Transform 삭제
Vue.js
Vue 2은 2023년 12월 31일로 End of Life (EOL), 지원 종료.
최종 버전은 2.7.16
TypeScript Clearly & Quickly
quick-lint-js.com/blog/version-3.0/
Quick-lint-js 3.0 출시.
TypeScript의 Lint 지원, JSX의 Lint 개선
읽을거리
Next.js를 4년간 사용하면서 깨달음, 엔터프라이즈 애플리케이션의 프론트엔드 개발 및 구축 | POSTD
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/
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/
Chrome의 Trace 관련하여.
DevTools는 현재 탭 데이터 뿐이지만, Chrom 전체 trace를 확인 가능한 chrome://tracing에 대해 다룸.
DevTools 성능 판넬과 trace 사용 구분하기, trace 파일의 포맷, trace와 크롬 코드베이스의 상호작용 확인하는 방법에 대하여.
SvelteKit 은 어떤 식으로 컴파일되는가?
blog.osstech.co.jp/posts/2023/11/how-sveltekit-compiles/
SvelteKit 컴파일하는 vite-plugin-svelte와 Vite 관련하여.
/__inspect/에서의 컴파일 확인 방법, Vite에 대해.
Astro 가는 해 오는 해
zenn.dev/morinokami/articles/astro-2023-2024
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
2023년 Deno의 주요 변경점과 이룬 것에 대해.
Node.js 호환성 개선, deno.json 옵션 추가, Deno KV/Queues/Cron 추가, 실험적으로 패키지 매니저 구현, deno jupyter 명령어 추가.
또한, deno_std의 v1 출시하기 위한 모듈 삭제 및 구조 변경에 대하여
소프트웨어, 도구, 라이브러리
speed-highlight/core: 🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection
github.com/speed-highlight/core
자동적으로 언어를 판단하는 기능이 있는 syntax highlighter
Pagefind | Pagefind — Static low-bandwidth search at scale
정적 사이트를 대상으로 하는 전문 검색 엔진과 UI 라이브러리.
검색 인덱스를 chunk에 나눠서 작성, 브라우저가 얻는 인덱스도 필요한 부분만 읽으므로, 큰 사이트여도 전송량을 자잘하게 유지하는 구조를 갖고 있음.
도서
Tailwind CSS 실전입문：도서안내｜기술평론사
gihyo.jp/book/2024/978-4-297-13943-8
2024년 1월 26일 발매
Tailwind CSS 관련한 도서
