데브허브 | DEVHUB | This Week in Svelte, Ep. 104 — Changelog, Skeleton v3.0This Week in Svelte, Ep. 104 — Changelog, Skeleton v3.0
- Svelte 생태계의 주요 라이브러리인 Skeleton의 3.0 버전이 출시되었으며, 이번 에피소드에서 특별히 소개됩니다. 🚀
at attach의 falsy 값에 대한 타입스크립트 지원이 강화되어 개발 경험이 향상되었습니다. ✅
- Svelte 5.31.0부터 클래스 생성자 내에서
$state 및 $derived 필드를 직접 선언할 수 있게 되어, 클래스 기반 컴포넌트의 초기화 및 타입스크립트 호환성이 크게 개선되었습니다. 🏗️
- 하이드레이션 불일치 발생 시 이제 적절한 오류를 발생시켜 디버깅을 용이하게 합니다. 🐛
mediaQuery 유틸리티의 자동 괄호 처리 로직에서 발생했던 버그를 수정했으며, Svelte 6에서는 이 기능을 완전히 제거할 계획입니다. 📏
- Svelte 5.32.0부터
<p><p>와 같이 브라우저에 의해 암묵적으로 닫히는 HTML 태그에 대한 경고를 제공하여 예상치 못한 DOM 구조를 방지합니다. ⚠️
- Svelte 액션을 어태치먼트로 변환하여 컴포넌트에 props로 스프레드할 수 있게 하는 새로운 유틸리티
attachment.fromAction이 추가되어, 라이브러리 개발 및 컴포넌트 재사용성이 크게 향상되었습니다. 🔗
- 레거시 모드에서 다른 props 변경 시 어태치먼트가 불필요하게 재실행되던 버그를 수정하여 성능과 예측 가능성을 개선했습니다. ⚡