Svelte VS React

Published at 2025-03-19

Svelte VS React

날짜: 2025년 3월 19일

Svelte VS React

동작 방식

• React: 가상 DOM → 실제 DOM반영으로 UI 업데이트
• Svelte: 가상 DOM X. 컴파일 시점에 DOM 업데이트

성능

• React: 런타임에 오버헤드 발생 가능성
• Svelte: 컴파일 타임에 최적화된 코드 생성하여 효율적 렌더링

러닝 커브

• React: JSX, 상태관리 등 학습 필요
• Svelte: 문법 간단하여 학습 곡선 낮음

파일 크기

• React: 번들 크기 큼 but 코드 스플리팅으로 최적화 가능
• Svelte: 컴파일된 코드만 있어 번들 크기가 매우 작음