본문으로 건너뛰기
프롤로그
Svelte가 쉬운 이유부터 이해하기

Svelte는 HTML, CSS, JavaScript에 익숙한 사람이라면 비교적 자연스럽게 접근할 수 있는 프론트엔드 프레임워크입니다.

이 책은 Svelte가 왜 쉬운지 이해하는 것에서 출발해, 개발 환경 구성, 컴포넌트 작성, 반응성, props, 이벤트, 폼, 상태 관리까지 차근차근 안내합니다.

특히 Svelte 5의 핵심인 runes 문법을 중심으로 $state, $derived, $effect를 실제 UI 예제와 함께 설명합니다.

읽기 시작

책 소개

Svelte는 HTML, CSS, JavaScript에 익숙한 사람이라면 비교적 자연스럽게 접근할 수 있는 프론트엔드 프레임워크입니다. 이 책은 Svelte가 왜 쉬운지 이해하는 것에서 출발해, 개발 환경 구성, 컴포넌트 작성, 반응성, props, 이벤트, 폼, 상태 관리까지 차근차근 안내합니다.

특히 Svelte 5의 핵심인 runes 문법을 중심으로 $state, $derived, $effect를 실제 UI 예제와 함께 설명합니다. 단순히 문법을 나열하기보다 상태가 바뀌면 화면이 어떻게 갱신되는지, 어떤 상태를 어디에 두어야 하는지, 컴포넌트를 어떻게 나누어야 하는지에 초점을 맞춥니다.

후반부에서는 SvelteKit을 활용해 라우팅, 레이아웃, 데이터 로딩, 서버 기능, form action, 인증에 가까운 흐름, TypeScript, 테스트, 디버깅, 성능 최적화와 배포까지 다룹니다. 마지막 장에서는 여러 완성 프로젝트 예제를 통해 앞에서 배운 개념을 하나의 앱 구조로 연결하며 실전 감각을 기를 수 있도록 구성했습니다.

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
틸노트 사업자 정보
틸노트 | 사업자등록번호: 147-10-02214 | 통신판매업: 2022-서울중랑-1696 | 대표: 문지학 | 개인정보책임자: 문지학
이메일: [email protected] | 전화: 0507-0178-0131
주소: 서울특별시 중랑구 양원역로 92, 104동 702호
틸노트가 직접 판매하는 서비스 외에 크리에이터가 판매하는 경우 틸노트는 통신판매중개자이며, 통신판매의 당사자가 아닙니다. 상품, 상품정보, 거래에 관한 의무와 책임은 거래 당사자 각자에게 있습니다.
본 서비스는 생성형 AI 기술을 활용합니다.
쉽게 배우는 Svelte 개발: Svelte 5와 SvelteKit으로 시작하는 프론트엔드
쉽게 배우는 Svelte 개발: Svelte 5와 SvelteKit으로 시작하는 프론트엔드
무료 공개
읽기 시작하기