.svelte 파일 확장자는 Svelte 컴포넌트 파일에 사용됩니다. Svelte는 빌드 타임(build time)에 컴포넌트 코드를 고도로 효율적인 바닐라 JavaScript(vanilla JavaScript)로 변환하는 최신 JavaScript 컴파일러(compiler)입니다. 브라우저에서 대부분의 작업을 수행하는 기존 JavaScript 프레임워크와 달리, Svelte는 해당 작업을 컴파일 단계(compile step)로 옮깁니다. 이는 더 작은 번들 크기(bundle sizes), 더 빠른 초기 로드 시간, 그리고 향상된 런타임 성능(runtime performance)을 가져옵니다. .svelte 파일은 일반적으로 HTML 마크업, JavaScript 로직, CSS 스타일링의 조합을 단일 파일 내에 포함합니다. Svelte 컴파일러는 이러한 컴포넌트들을 분석하고 DOM을 직접 조작하는 최적화된 JavaScript 코드를 생성하여, 가상 DOM 디핑(virtual DOM diffing) 및 조정(reconciliation)과 관련된 오버헤드(overhead)를 최소화합니다. Svelte 컴포넌트는 기본적으로 반응형(reactive)이며, 이는 데이터 변경 사항이 사용자 인터페이스의 해당 부분을 자동으로 업데이트함을 의미합니다. 이러한 반응성은 Svelte 컴파일러를 통해 달성되며, 컴파일러는 생성된 코드에 효율적인 업데이트 로직을 삽입합니다. Svelte 파일은 Svelte 애플리케이션의 구성 요소이며, 개발자가 재사용 가능하고 유지 관리가 용이한 UI 컴포넌트를 만들 수 있도록 합니다.