FrontEnd

[Svelte] Svelte특징, Svelte Start Example

차노도리 2023. 9. 24. 21:49

https://svelte.dev/

 

Svelte • Cybernetically enhanced web apps

complete Built-in scoped styling, state management, motion primitives, form bindings and more — don't waste time trawling npm for the bare essentials. It's all here.

svelte.dev

 

Svelte

  • JavaScript 프레임워크이다.
  • 간결한 코드로 코드베이스로 개발 시간 단축과, 높은 가독성을 가진다.
  • 컴파일 과정에서 코드 최적화 작업을 진행하여 런타임 성능을 향상 시켜 애플리케이션 반응속도 가 빠르다. (No virtual Dom)
  • 변수나 상태변화를 명시적으로 추적하거 관리할 필요 없이, 컴파일 단계에서 자동으로 감지되며, UI를 업데이트 된다. (Truly reactive)
  • Api가 많지 않아서 낮은 러닝 커브를 가진다.

 

Svelte 프로젝트 생성

 

GitHub - sveltejs/template: Template for building basic applications with Svelte

Template for building basic applications with Svelte - GitHub - sveltejs/template: Template for building basic applications with Svelte

github.com

 

npx degit sveltejs/template [프로젝트명]