- 스벨트는 컴파일 시점에 최적화된 바닐라 JavaScript 코드로 변환되어 런타임 오버헤드가 없다. 🚀
- 가상 DOM 대신 직접 DOM을 업데이트하여 UI 업데이트가 빠르고 효율적이다. 💨
- 반응형 변수와 상태를 간단하고 명확하게 정의할 수 있다. ✍️
- UI를 재사용 가능한 컴포넌트로 구성하여 모듈화된 개발이 가능하다. 🧩
- 작은 번들 크기와 빠른 로드 시간으로 사용자 경험을 향상시킨다. ⚡
npm create vite@latest
명령어를 사용하여 스벨트 프로젝트를 쉽게 설정할 수 있다. 💻- 스벨트 컴포넌트는
<script>
,<style>
, HTML로 구성된다. 🧱 - 텍스트 보간법을 사용하여 JavaScript 변수 값을 HTML에 동적으로 바인딩할 수 있다. 🔤
- Props를 통해 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 수 있다. 🎁