더북(TheBook)

3.2 HTML 마크업

HTML 마크업 영역은 별다른 블록 표시가 없습니다. <script><style>의 바깥쪽에서 컴포넌트의 HTML 태그를 작성합니다. 보통은 <main>을 만들어서 코드를 작성하기도 하지만, <main>은 생략하기도 합니다.

예제 코드 /my-svelte-project/src/App.svelte 파일의 HTML 블록
… 생략 … 
<main>
    <h1>Hello {name}!</h1>
    <p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
</main>
… 생략 …

HTML 블록에서 일반 HTML 엘리먼트는 <main>, <h1>, <p> 등으로 소문자 형태의 태그로 나타냅니다. 하지만 하위 컴포넌트를 사용할 때는 <MyView>, <Namespace.MyView>처럼 각 단어의 첫 글자를 대문자로 하는 것이 관례입니다.

하위 컴포넌트를 다루는 상세한 방법은 7장 하위 컴포넌트 사용에서 자세히 설명하겠지만, 특징은 간단히 살펴보고 넘어가겠습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.