태그: Svelte
4편
-
Svelte 입문: 컴파일러 기반 반응성, 컴포넌트, 스토어, 트랜지션, SvelteKit
Svelte는 빌드 타임에 컴파일되어 가상 DOM 없이 동작하는 프레임워크입니다. React·Vue와의 비교, 기본 문법, 컴포넌트, 스토어, 라이프사이클, 애니메이션과 트랜지션, SvelteKit, TypeScript 지원을 다룹니다.
-
Svelte 5 Runes로 상태 관리 패턴 짜기: 파생 상태, 부수 효과 동기화, 컴포넌트 계약
$state의 깊은 반응성과 $state.raw·snapshot, $derived와 $derived.by, cleanup이 있는 $effect, $props·$bindable로 정하는 컴포넌트 계약을 설명합니다. Svelte 4에서 옮겨 오는 마이그레이션 전략과 성능 패턴도 다룹니다.
-
Svelte 4에서 5로 옮길 때: Runes 마이그레이션 전략, 성능 튜닝, SvelteKit load 연동
Svelte 5 Runes의 $state·$derived·$effect를 정리하고, 레거시 반응성과의 차이·마이그레이션·성능 튜닝·SvelteKit load 연동, Todo·폼·API 실전 코드까지 한국어로 상세히 다룹니다.
-
SvelteKit으로 풀스택 앱 만들기: load 함수, Form Actions, API 라우트, Hooks, 배포 어댑터
SvelteKit으로 풀스택 웹 앱을 만드는 방법. 라우팅, +page.ts와 +page.server.ts의 load 함수, Form Actions, SSR과 하이드레이션, +server.ts API 라우트, Hooks, 배포 어댑터를 예제로 정리합니다.