\n

Hello {name}!

\n\n\n
← 주제로 돌아가기
언어 한국어

프레임워크

Svelte 빠른 참조

Svelte 빠른 참조용 인쇄 가능한 치트시트로, 빠른 조회와 학습, 책상 옆 참고용으로 정리되었습니다

출처
Svelte Documentation (svelte.dev)
라이선스
MIT
업데이트
2026-03-27

미리보기

이 치트시트에 포함된 내용

  • 컴포넌트
  • 반응성
  • Props
  • 이벤트
  • 바인딩
  • 스토어
  • 트랜지션
  • 슬롯
  • 컨텍스트
  • SvelteKit 기본

기본 컴포넌트

<script>
  let name = "world";
</script>
<h1>Hello {name}!</h1>
<style>
  h1 { color: purple; }
</style>

컴포넌트 구조

<script>컴포넌트 로직 (JS/TS)
마크업`{표현식}`이 있는 HTML 템플릿
<style>범위가 지정된 CSS (컴포넌트에 자동 범위)
<script context="module">인스턴스가 아닌 모듈당 한 번 실행

모든 섹션이 포함된 인쇄용 치트시트 다운로드

PDF 다운로드

다운로드

읽는 방식에 맞는 형식을 고르세요