Svelte에서 조건부 렌더링을 사용하는 방법은 다음과 같이 할 수 있습니다:

<script>
	let showContent = false;
</script>

{#if showContent}
	<p>이 내용은 조건부로 렌더링됩니다.</p>
{/if}

위의 예시 코드에서는 showContent라는 변수를 사용하여 조건부로 내용을 렌더링하고 있습니다. 만약 showContent가 true이면 <p> 태그 내용이 렌더링되고, false이면 렌더링되지 않습니다.

Svelte에서는 조건부 렌더링뿐만 아니라 {#each}, {#await} 등 다양한 템플릿 블록을 사용하여 동적인 UI를 만들 수 있습니다. Svelte의 공식 문서에서 더 자세한 내용을 확인할 수 있습니다.

참고:

• Svelte 공식 문서