이 장에서 지금까지 설명한 내용은 /my-svelte-project/src/App.svelte 안의 컴포넌트 코드였습니다. 컴포넌트가 어떻게 document에 포함되어 실행되는지 알아보겠습니다.

/my-svelte-project/src/main.js 파일을 열어 내용을 보면 다음과 같습니다.

/my-svelte-project/src/main.js

import App from './App.svelte';

const app = new App({
    target: document.body,
    props: {
        name: 'world'
   }
});

export default app;

import를 이용하여 App.svelte를 App이란 이름으로 사용할 준비를 했습니다. 그리고 new를 사용해 App 컴포넌트의 인스턴스 app을 생성했습니다.