1. Public 폴더 사용: Svelte 프로젝트의 root 디렉토리에 ‘public’이라는 이름의 폴더를 생성하고 그 안에 정적 파일을 저장합니다. 이 폴더의 파일들은 빌드 단계에서 그대로 복사되므로, 경로를 통해 직접 접근할 수 있습니다. 예를 들어, public/images/logo.png는 /images/logo.png 경로로 접근할 수 있습니다.

2. 이미지 태그 사용: Svelte 컴포넌트에서 이미지를 사용할 때, <img> 태그를 사용하여 정적 파일을 로드할 수 있습니다. <img> 태그의 src 속성에 정적 파일의 경로를 지정하면 됩니다. 예를 들어:

<img src="/images/logo.png" alt="로고 이미지">

1. Svelte 컴포넌트에서 정적 텍스트 사용: Svelte에서는 <svelte:head> 블록을 사용하여 컴포넌트의 헤더 부분에 정적 텍스트를 추가할 수 있습니다. 이를 통해 <title>, <meta>, <link> 등의 태그를 포함하여 HTML 문서의 헤더를 설정할 수 있습니다. 예를 들어:

<script>
  export let pageTitle = '홈페이지';
</script>

<svelte:head>
  <title>{pageTitle}</title>
</svelte:head>

위 예제에서 {pageTitle}은 Svelte 컴포넌트에서 전달받은 변수를 사용하여 동적으로 페이지 제목을 설정하는 것을 보여줍니다.

이러한 방법들을 사용하여 Svelte에서 스태틱 컨텐츠를 처리할 수 있습니다. 프로젝트의 요구 사항에 따라 가장 적합한 방법을 선택할 수 있습니다.