app 컴포넌트 생성하기 위해 몇 가지 옵션을 JSON 객체 형태로 전달합니다. target, props를 키로 하여 옵션의 값들을 전달합니다.

JSON의 첫 번째 키인 target은 App 컴포넌트의 인스턴스를 돔(DOM)의 어느 부분에 삽입할 것인지를 명시합니다. 위 코드에서는 document.body로 작성했습니다.

두 번째 키인 props는 App 컴포넌트에 전달할 프로퍼티를 JSON 객체로 할 수 있습니다. 예제에는 name 프로퍼티에 world라는 텍스트를 전달했네요. 이 값이 App 컴포넌트의 스크립트 블록에 있는 name에 주입됩니다.

/my-svelte-project/src/App.svelte 코드

<script>
    export let name;
</script>
… 생략 …

▲ 그림 3-4 App.svelte로 props 주입