【AI 자막】 Svelte & SvelteKit 완벽 가이드 2024

Description

[꼭 읽어주세요] 한글 AI 자막 강의란?

• 유데미의 한국어 [자동] AI 자막 서비스로 제공되는 강의입니다.

• 강의에 대한 질문사항은 Ali 강사님이 확인하실 수 있도록 Q&A 게시판에 영어로 남겨주시기 바랍니다.

안내: 총 32시간의 강의 중 17.5시간이 메인 콘텐츠이며, 나머지는 Spotify 앱을 만드는 데 할애됩니다.

Svelte 는 상태 기반 컴포넌트를 빌드할 수 있는 JavaScript 프레임워크입니다. 하지만 Svelte가 Angular, React, Vue와 같은 다른 프레임워크와 다른 점은 바로 컴파일러라는 점입니다. Svelte는 빌드 시점에 실행됩니다. 즉, Svelte 코드는 빌드 시점에 브라우저에서 실행되어 DOM 연산을 수행하는 매우 효율적인 명령형 코드로 컴파일됩니다. 다른 유명한 프레임워크는 일반적으로 가상 DOM이라는 기술을 사용하여 DOM을 업데이트하는 방법을 결정합니다. 이 기술은 런타임 동안 브라우저에서 실행됩니다. 그리고 이는 DOM 계산에 더 많은 오버헤드를 추가합니다.

이 강좌에서는 Svelte 에 관한 모든 것을 처음부터 배우게 됩니다. 우리는 간단한 컴포넌트를 만들어 기초부터 시작하고, 점차적으로 발전하여 더 복잡한 컴포넌트를 만들 것입니다.

웹을 위한 컴포넌트를 구축하는 데 Svelte는 훌륭한 도구이지만, Svelte만으로 전체 애플리케이션을 구축하는 것은 쉬운 일이 아닙니다. 이것이 SvelteKit이 필요한 이유입니다. SvelteKit 는 견고하고 성능이 우수한 웹 애플리케이션을 신속하게 개발하기 위한 프레임워크입니다. SvelteKit은 라우팅, 서버 측 렌더링, 사전 렌더링 등과 같은 기능을 제공합니다. 이를 통해 서버 측 렌더링 및 점진적으로 향상된 고성능 애플리케이션을 구축하기 위한 구조를 제공합니다.

이 강의에서는 SvelteKit에 관한 모든 것을 배우게 됩니다. 페이지와 레이아웃, 데이터 로딩, 훅, 에러 처리, 환경 변수, 사전 렌더링, 점진적으로 향상된 폼 액션 등에 대해 다루게 될 것입니다.

마지막으로, Svelte, SvelteKit 및 Spotify API를 사용하여 Spotify 클론을 구축하여 강좌에서 배운 모든 지식을 종합적으로 활용할 것입니다. 무료 비디오에서 우리가 구축할 앱의 데모를 확인할 수 있습니다.

Svelte & SvelteKit 으로 고성능 웹 애플리케이션을 구축하고 싶다면 지금 수강신청하세요! :)

TAKE THIS COURSE