SvelteKit 3

5 days ago 12

Svelte 공식 애플리케이션 프레임워크 SvelteKit 3.0이 출시됨. 기존 구조를 유지하면서 완성도와 타입 안전성을 높이고 불필요한 요소를 줄임
sv migrate 가 가능한 코드를 자동으로 마이그레이션하고, 나머지 작업은 TODO 목록으로 생성함. 메이저 버전 변경에 따른 호환성 파괴 변경도 확인해야 함
설정 파일이 vite.config.ts 로 이동하고, $lib 별칭은 표준 서브패스 임포트를 사용하는 #lib 로 바뀜
환경 변수의 기능과 사용성이 개선되고, 서비스 워커의 상용구 코드가 줄어들며, 전반적인 오류 처리가 향상됨
Remote functions는 아직 준비가 완료되지 않았으며 최우선 개발 과제임. 사용에 필요한 Async Svelte는 현재 experimental 플래그를 요구함

SvelteKit 3 변경 사항과 마이그레이션

SvelteKit 3.0은 기존 사용자에게 익숙한 프레임워크 구조를 유지하면서 완성도와 타입 안전성을 개선함
sv migrate로 코드베이스를 가능한 범위까지 자동 변환하고, 자동 처리하지 못한 작업은 TODO 목록으로 받을 수 있음
- 실행 명령은 npx sv migrate sveltekit-3 --tasks all --confirm임
- 새 앱은 sv create를 사용해 npx sv create my-new-app으로 생성할 수 있음
호환성 파괴 변경은 마이그레이션 가이드에서 확인할 수 있으며, 릴리스 후보 발표에는 더 짧게 정리되어 있음
설정은 svelte.config.js 대신 vite.config.ts 에 작성하며, $lib 별칭은 표준 서브패스 임포트를 활용하는 #lib 로 변경됨
환경 변수는 더 강력하고 사용하기 쉬워졌으며, 서비스 워커는 필요한 상용구 코드가 줄어듦
오류 처리가 전반적으로 개선됨

Remote functions는 안전하고 효율적이며 타입 안전성을 갖춘 클라이언트-서버 통신 유틸리티 모음으로, 아직 준비가 완료되지 않았고 최우선 개발 과제임
- 사용하려면 Async Svelte가 필요하며, 현재는 experimental 플래그를 활성화해야 함
다음 오프라인 Svelte Summit은 11월 19~20일 슬로베니아 류블랴나에서 열리며, Svelte 10주년도 함께 기념할 예정임