유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

This Week in Svelte, Ep. 118 — Changelog

Svelte Society

2025. 9. 26.

0

#frontend
  • SvelteKit 2.43.0에서 실험적 비동기 SSR(Server-Side Rendering) 기능이 도입되어, 컴포넌트 내에서 await를 직접 사용하여 서버에서 데이터를 가져오고 렌더링할 수 있게 되었습니다. 이는 개발 경험을 혁신적으로 개선하는 '게임 체인저'로 평가됩니다. 🚀
  • 실험적인 비동기 SSR과 함께 비동기 하이드레이션 관련 버그가 수정되었으며, 스크립트 태그 내 await 사용 시 하이드레이션 상태가 올바르게 복원되도록 개선되었습니다. 💧
  • 이제 서버 환경에서도 @html 지시어와 await를 사용하여 비동기 콘텐츠(예: CMS 데이터)를 렌더링할 수 있게 되어 유연성이 증가했습니다. 🌐
  • Svelte의 props ID 주석이 Nginx SSI(Server Side Includes) 주석과 충돌하는 문제를 해결하기 위해 호환 가능한 형식으로 변경되었습니다. 🛠️
  • 비동기 모드에서 반응(effect) 또는 다른 파생된 스토어 내에서 생성된 파생된 스토어의 읽기가 이제 올바르게 의존성으로 등록되어, 원격 폼 필드 상호작용과 같은 시나리오에서 필요했습니다. 🔗
  • selectoption 태그의 속성 처리와 class: 및 스프레드 속성 사용 시 발생했던 SSR 회귀 버그들이 수정되었습니다. 🐞
  • tick 함수가 뷰 전환(View Transition) 시 지연되는 문제를 해결하기 위해 requestAnimationFrame 대신 setTimeout을 활용하는 방식으로 개선되어, 비동기 모드에서 더 안정적인 동작을 보장합니다. ⏱️
  • 비동기 SSR과 결합하여 products.remote.js와 같은 원격 함수를 정의하고 컴포넌트에서 직접 import하여 await로 호출할 수 있는 실험적 기능이 추가되었습니다. 📡
  • form 액션이 Valibot과 같은 유효성 검사 라이브러리와 통합되어, 입력 데이터의 유효성 검사 및 변환(예: 문자열을 숫자로)을 쉽게 처리하고 refresh()를 통한 '원 플라이트 뮤테이션'을 지원합니다. ✅

Recommanded Videos