간단한 버전의 Svelte를 알아보자.

인프런 입문 가이드를 정리해보고 있습니다.

Svelte의 특징

1. Write less code

   • 높은 가독성 유지
   • 개발 시간 단축
   • 쉬운 리팩토링
   • 쉬운 디버깅
   • 더 작은 번들 (SPA 최적화)
   • 낮은 러닝 커브

2. No virtual DOM

   • NO Diffing
   • No OverHead
   • 빠른 성능(퍼포먼스)

3. Truly reactive

   • 반응성이란 애플리케이션 상태(데이터)의 변화가, DOM에 자동으로 반영되는 현상을 말한다.
   • Framwork-less VanillaJS
   • Only use devDependencies
   • 명시적 설계(창의적 작업)

Svelte가 작업물(애플리케이션)을 VanillaJS로 변환(컴파일)하고 그 결과만 동작하기 때문에,
Svelte는 브라우저(런타임)에서 동작하지 않는 컴파일러라고 할 수 있습니다.
자유도가 비교적 높으니 호출 스택이나 데이터의 메모리 참조 등 JS의 동작 원리를 이해하는 것이 중요

단점

• 낮은 성숙도 ( 작은 생태계 )
• CDN 미제공
• IE 지원하지 않는다.

Svelte.dev 사이트에 REPL 이라는 버튼 -> Read Eval Print Loop

• 사용자에게 데이터를 입력받고 이를 평가(실행)하고 결과를 반환하는 단순한 상호작용 컴퓨터 프로그래밍 환경

컴포넌트는 대문자로 시작 -> App.svelte 메인이여서 이름을 수정할 수 없다.