Svelte

핵심 아이디어

Svelte는 웹 화면을 컴포넌트 단위로 만들 수 있게 해 주는 프론트엔드 도구입니다. 버튼, 카드, 입력 폼 같은 화면 조각을 나누어 만들고 조합할 수 있습니다.

쉽게 말하면

Svelte는 “복잡한 웹 화면을 조각별로 만들게 해 주는 도구”입니다. 화면에서 값이 자주 바뀌거나 사용자의 조작이 많은 경우에 도움이 됩니다.

예시

• 검색어를 입력하면 목록이 바로 바뀌는 화면
• 카드가 추가되거나 삭제되는 대시보드
• 여러 상태를 실시간으로 보여 주는 관리 화면

헷갈리기 쉬운 점

Svelte는 Python을 대체하는 도구가 아닙니다. Python이 데이터 처리와 서버 역할을 맡는다면, Svelte는 사용자가 보는 화면을 더 풍부하게 만드는 데 쓰입니다.

실제 IT 용어와의 연결

• 실제 용어로는 frontend framework, component framework, compiler-based UI framework와 연결됩니다.
• Svelte는 화면을 component 단위로 만들고, 빌드 과정에서 효율적인 JavaScript 코드로 바꿔 줍니다.
• React, Vue와 같은 계열의 도구지만, 동작 방식은 조금 다릅니다.

이 블로그에서의 역할

바이브 시리즈에서는 처음부터 Svelte를 쓰지 않고, Jinja로 시작한 뒤 화면이 복잡해질 때 선택지로 살펴봅니다.