[SVELTE] 스벨트란?

개요

• 스벨트는 빠른 웹 어플리케이션을 만들기 위한 도구로써, 흔히 F/E 3대 프레임 워크라고 불리는 React , Vue , Angular 와 같은 JavaScript 기반 프레임워크, 라이브러리와 비슷다.
• 스벨트는 Run Time 에서 코드를 해석하지 않고, Build Time 때 JavaScript 로 변환하여 실행 속도가 빠르다,

---

특징

• 리액트나 다른 웹 프레임 워크와 비교했을 때 문법이 상당히 간단하여 러닝 커브가 낮고 생산성이 좋다.
• 가상 돔 (Virtual Dom) 을 사용하지 않아서 가상 돔을 처리하기 위한 시간이나 메모리가 들지 않아 더 빠른 성능을 보임.
• 스벨트는 작업물을 Vanilla JS 로 변환 (컴파일) 하고, 그 결과만 동작하기 때문에 스벨트 자체는 브라우저 (런타임) 에서는 동작하지 않는 컴파일러라고 볼 수 있다.

---

Template 생성 방법

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

 

---

마무리

이번 시간엔 스벨트가 어떠한 언어인지에 대해서 간단히 다루어 보았습니다.
다니던 회사에서 스벨트를 도입하여 프로젝트를 진행했던 경험이 있는데,
확실히 사용하기 간편하고 상태 관리도 편리해서 코드 작성 시 신경 쓸 부분이 적었던게 아주 마음에 들었던 녀석입니다.
이번 기회를 통해서 앞으로 스벨트의 기본 적인 문법과 SvelteKit 에 대해서 다뤄 볼 예정입니다.
감사합니다.

 

 

 

 

 

그럼, 다음에 또 뵙도록 하겠습니다!