📄️ 목차
1부: Svelte 기초
📄️ 1. Svelte 소개
1.1 Svelte란 무엇인가?
📄️ 2. 개발 환경 설정
Svelte 개발을 위한 완벽한 환경을 구축하는 방법을 단계별로 알아보겠습니다.
📄️ 3. Svelte 컴포넌트 기초
Svelte 컴포넌트는 재사용 가능하고 독립적인 UI 단위로, HTML, CSS, JavaScript를 하나의 .svelte 파일에 담습니다.
📄️ 4. Rune 시스템
Svelte 5는 완전히 새로운 반응성 시스템인 Rune을 도입하여 보다 명확하고 강력한 상태 관리를 제공합니다.
📄️ 5. 이벤트 처리
Svelte 5는 이벤트 처리 방식에 중요한 변화를 도입하여 더 직관적이고 성능이 뛰어난 방식으로 사용자 상호작용을 처리할 수 있게 되었습니다.
📄️ 6. 조건부 렌더링과 리스트
동적 웹 애플리케이션의 핵심은 데이터에 따라 UI를 유연하게 변경하는 것입니다.
📄️ 7. 컴포넌트 통신
복잡한 애플리케이션에서는 여러 컴포넌트 간에 데이터를 주고받아야 합니다.
📄️ 8. 바인딩과 폼
웹 애플리케이션의 핵심 기능 중 하나는 사용자 입력을 처리하는 것입니다.
📄️ 9. 애니메이션과 전환
웹 애플리케이션의 사용자 경험을 크게 향상시키는 요소 중 하나는 부드럽고 자연스러운 애니메이션입니다.
📄️ 10. 스토어와 상태 관리
컴포넌트 간 상태 공유는 현대적인 웹 애플리케이션 개발의 핵심 과제입니다.
📄️ 11. SvelteKit 소개
모던 웹 애플리케이션은 단순한 클라이언트 사이드 렌더링을 넘어 서버 사이드 렌더링, 정적 사이트 생성, API 라우팅 등 다양한 기능을 요구합니다.
📄️ 12. 라우팅 시스템
SvelteKit의 핵심은 파일 시스템 기반 라우팅입니다.
📄️ 13. 데이터 로딩
SvelteKit의 데이터 로딩 시스템은 웹 애플리케이션의 성능과 사용자 경험을 크게 향상시키는 핵심 기능입니다.
📄️ 14. 폼과 액션
SvelteKit은 폼 처리에 있어 혁신적인 접근 방식을 제공합니다.
📄️ 15. API 라우트
SvelteKit에서 API 라우트는 풀스택 애플리케이션 구현의 핵심 기능입니다.
📄️ 16. 성능 최적화
Svelte는 컴파일 타임 최적화를 통해 기본적으로 뛰어난 성능을 제공하지만, 대규모 애플리케이션에서는 추가적인 최적화가 필요합니다.