svelte 스터디#1

mhlee·2023년 2월 24일
0

svelte

목록 보기
1/6

스터디 배경

일단 백엔드 개발을 주로 하며, 프론트 알못이다.
백엔드 개발자 이지만 어드민 페이지등 프론트를 어느정도 담당하게 된다.
프론트 개발와 달리 "업무 데이터 처리" 관점에서 조회,입력,수정이 목적이다.
당연히 쉽고, 빠르고면 최고다.

그럼점에서 난 react보다 항상 vue를 선호해 왔다.
하지만, 어느새 react가 세상을 점령해버렸고(아직도 왜 어렵고, 성능도 안좋은 react가 이런 위치에 있는지 의문이다.), 난 반발심이 더욱 강해졌다.
그러던중 언제인가 부터 svelte 라는 녀석이 눈에 띄기 시작했다.

일단, 코드가 짧아서 좋다.
그리고 쉽다. 그것도 아주 쉽다. (react, vue에 비해서)
그럼에도 불구하고 성능도 뛰어나다.

안쓸 이유가 없다.

svelte 란?

공식 홈페이지에는 아래 3가지를 특징을 내세운다.

  • write less code
  • No Virtual DOM
  • Truely reactive

일단 코드가 짧다.
이건 그냥 문서의 샘플보면 안다.

눈에 띄는것은 "No Virtual DOM"에 있는 설명이다.

Svelte compiles your code to tiny, framework-less vanilla JS — your app starts fast and stays fast

svelte는 당신의 코드를 프레임워크 없는 바닐라 js로 작게 만들어 준다는 부분이다.
튜토리얼에도 설명이 되어 있지만, 프로임워크 레이어 없이 바닐라 js로 동작하기 때문에 성능의 임팩이 없다고 한다.

즉, svelte는 컴파일 타임에 바닐라 js를 만들어 실행하고, 다른 타프레임우크(react, vue등)는 런타임에 인터프리팅 한다.

마치며.

안쓸 이유가 없다.
svelte 공식 튜토리얼을 보며 정리한 내용을 기록하려 한다.

profile
삽질하는 개발자

0개의 댓글