위 코드에 HTML 블록 전체를 if 구문을 이용해서 확인해보겠습니다. 다음과 같이 코드를 수정해주세요.

REPL의 App.svelte

<script>
    let name = 'universe';
    let a = 1; 
</script>

{#if a > 0}
 <h1>Hello {name}!</h1>
{/if}

{#if a > 0}으로 #if 블록을 시작했고, {/if} 코드를 사용해 블록을 닫았습니다.

if 문 안의 연산 결과가 true이므로 다음 그림과 같은 결과를 얻을 수 있습니다.

▲ 그림 4-1 {#if 조건} 표현식