TL;DR

  • 공식 Svelte 애플리케이션 프레임워크인 SvelteKit 3.0이 더 높은 타입 안전성, 세련된 구성, 불필요한 요소 감소를 바탕으로 출시됨.
  • npx sv migrate sveltekit-3 --tasks all --confirm 명령이 코드베이스를 가능한 범위까지 자동 마이그레이션하고 나머지 작업의 TODO 목록을 생성함.
  • 새 애플리케이션은 npx sv create my-new-app 명령으로 생성하며, 주요 변경 사항은 마이그레이션 가이드에서 확인 가능함.
  • 설정 위치가 svelte.config.js에서 vite.config.ts로 바뀌고, $lib 별칭이 #lib로 바뀌는 등 설정·환경 변수·서비스 워커·오류 처리에 변화가 있음.
  • 원격 함수(Remote functions)는 아직 준비 단계이며, 11월 19~20일 슬로베니아 류블랴나에서 열리는 다음 Svelte Summit은 Svelte 10주년을 기념함.

SvelteKit 3 출시와 마이그레이션

  • Svelte의 공식 애플리케이션 프레임워크인 SvelteKit 3.0을 사용할 수 있음.
  • 이전 버전 사용자에게 익숙한 프레임워크 구조를 유지하면서 다듬어진 구성, 강화된 타입 안전성, 불필요한 요소 감소를 제공함.
  • 마이그레이션은 가능한 한 매끄럽게 진행되도록 설계됨. npx sv migrate sveltekit-3 --tasks all --confirm 명령은 코드베이스를 가능한 범위까지 자동으로 마이그레이션하고, 나머지 작업을 TODO 목록으로 생성함.
  • 새 앱은 npx sv create my-new-app 명령으로 생성함.
  • 주요 버전 변경에 따른 일부 호환성 중단 사항이 있으며, 자세한 내용은 마이그레이션 가이드와 최근 릴리스 후보 발표에서 확인 가능함.

주요 변경 사항

  • 설정 파일 위치가 svelte.config.js에서 vite.config.ts로 이동함.
  • $lib 별칭이 표준 하위 경로 임포트를 활용하는 #lib로 변경됨.
  • 환경 변수를 더 강력하고 간편하게 사용할 수 있음.
  • 서비스 워커에 필요한 보일러플레이트가 줄어듦.
  • 전반적인 오류 처리가 개선됨.

원격 함수 상태

  • 원격 함수는 안전하고 효율적이며 타입 안전한 클라이언트-서버 통신을 위한 유틸리티 모음임.
  • 다른 프레임워크에서도 비슷한 개념을 볼 수 있지만, 이 구현 방식이 더 나을 것이라는 기대를 밝힘.
  • 원격 함수를 사용하려면 Async Svelte가 필요하며, 현재 Async Svelte는 실험적 플래그를 요구함.
  • 원격 함수는 아직 준비되지 않았으며, 최우선 과제임.

다음 Svelte Summit

  • 다음 오프라인 Svelte Summit은 다음 달인 11월 19~20일 슬로베니아의 류블랴나에서 열림.
  • 행사에서는 Svelte의 10주년도 기념할 예정임.