Svelte

쉽게 말하면

Svelte의 가장 큰 특징은 "컴파일 시점 프레임워크"라는 점이에요. React와 Vue는 사용자의 브라우저로 런타임 라이브러리를 보내지만, Svelte는 빌드 시점에 컴포넌트를 가벼운 네이티브 JavaScript로 컴파일합니다. 그래서 브라우저가 받는 건 가벼운 결과물뿐이라, 로딩이 빠르고 성능도 좋아요.

코드도 유난히 간결해서, 같은 기능을 만들 때 React보다 훨씬 적은 글자로 끝나는 경우가 많아요. 대가는 생태계와 인재 풀이 아직 작은 편이고 대기업 사례도 적다는 점이에요. 그래도 성능을 중시하는 가벼운 중소 규모 프로젝트에는 매력적인 선택지입니다.

아키텍처

동작 흐름

"가상 DOM이 없다"를 쉽게

Svelte에는 "가상 DOM이 없다"는 말을 자주 들어요. 전문 용어 없이 풀어 볼게요. 대부분의 프레임워크는 브라우저 안에서 도는 도우미 코드 한 덩어리를 보내, 페이지를 쓰는 동안 화면의 어디를 갱신할지 실시간으로 알아냅니다. Svelte는 그 계산을 컴파일하는 동안 미리 끝내 버리고, 컴포넌트를 작은 순수 JavaScript로 바꿔요. 그래서 내려받을 코드도, 페이지를 쓰는 동안 돌릴 코드도 줄어듭니다. 여러분에게는 더 작고 더 빠른 사이트로 나타나죠.

핵심 정리

• Svelte = 컴파일 시점 프레임워크. 결과물이 가볍고 성능이 좋음.
• 코드가 간결해 React보다 쓸 양이 적음.
• 생태계는 작은 편이지만, 중소 규모 프로젝트에는 쓰는 느낌이 훌륭함.