[Svelte] Svelte를 배워보자

0. 왜 Svelte를 공부하려하는가

프론트를 좀더 공부해 보고 싶었고, 대충 고려해본 선택사항에 원래는 vue.js, react.js가 있었다.

그런데 이런 걸 보게 되었다.

 

https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

2019년 출시되자마자 만족도 2위를 차지했고 2020년 react를 넘어섰다. 얜뭘까하는 생각이 들어 알아봤다.

 

Svelte?

Nov 2016 1.0 Release

Apr 2018 2.0 Release

Apr 2019 3.0 Release

 

- Write less code

- No virtual DOM

가상 돔이 없다? Diffing, Overhead가 없다고한다. 가상돔을 생성하고 비교하는 비용이 없다는 것. 퍼포먼스가 그만큼 올라간다고한다. 메모리사용량이 React롸 비교해 2~3배 차이난다고한다.

스벨트는 런타임에서 프레임워크가 사용되지 않는다. 작성된 코드는 바닐라 js로 바꾸고 이걸 브라우저에서 작동시킨다.

 

러닝커브도 작을거같고, 가상돔이 없다는것도 흥미롭고 1등이라니 써보고싶어서 Svelte로 정했다. 출시된지가 얼마 안됐다는것이 많이 흠이긴한데 우선 시작해보려한다.

 

https://svelte.dev/

Svelte • Cybernetically enhanced web apps