【한글자막】 Svelte.js - 완벽 가이드 (Sapper.js 포함)

• Svelte.js 관련 지식이 전혀 없어도 괜찮습니다.

• Svelte.js의 완전 기초부터 실습까지 알려드립니다.

• 초보자를 위하여 기초부터 진행되는 이론은 물론, 실습 과제 등의 실제 활용법을 통해 효율적으로 애플리케이션을 구축하는 방법을 습득할 수 있습니다.

[Svelte란?]

Svelte.js(또는 'Svelte')는 이해하기 쉬운 JavaScript 코드를 작성하면 브라우저에서 실행되는 고성능 코드로 컴파일해 주는 최신 JavaScript 컴파일러입니다.

본 강의에서 배우게 될 Svelte가 제시한 특정 규칙에 따라 일반 JavaScript를 사용하여 프론트엔드 애플리케이션을 작성합니다. 결과적으로 Svelte 컴파일러는 배포할 수 있는 작고 최적화가 잘된 JavaScript 번들을 생성합니다.

이 강의를 통해 Svelte의 작동 방식, 핵심 기능 및 실제 서버에서 완성한 앱을 실행하는 방법을 모두 배웁니다!

Svelte.js는 반응성이 좋은 최신 사용자 인터페이스를 웹 사이트에 구축하기 위한 도구이며 JavaScript 프레임워크 및 라이브러리(React.js, Angular 또는 Vue 등)에 대한 훌륭한 대안입니다.

[본 강의를 수강해야 하는 이유]

Svelte는 React.js, Angular 및 Vue의 인기 있는 대안이며 어떤 프론트엔드 웹 개발자든지 이를 배우는 건 아주 유익합니다.

Svelte를 배우기 위해 기존 다른 프레임워크를 알 필요는 없습니다. 하지만 아신다면 다른 프레임워크보다 더 적은 코드로 더 빠른 웹 프로젝트를 구축할 수 있는 흥미로운 대안에 대해 배우게 될 것입니다.

JavaScript 전문 지식은 없으셔도 되고 기초 지식만 있으면 됩니다.

빠르게 로드되고 빠르게 실행되는 최신 반응형 사용자 인터페이스를 구축하는 데 관심이 있는 사람에게 Svelte.js는 아주 중요한 도구가 될 수 있습니다.

강의에 포함된 내용:

• Svelte를 기초부터 배우세요. 사전 지식은 전혀 없으셔도 됩니다!

• 이론 및 실습 섹션

• 완전한 강의 프로젝트("모임 약속 계획표")

• 과제 및 과업

• 모든 소스 코드는 강의 및 섹션에 첨부해 두었습니다.

[본 강의에서 다룰 내용]

• Svelte의 개념과 사용 목적

• 모든 핵심 기능 및 기본 구문

• 목록 콘텐츠 렌더링 및 조건부 렌더링 방법

• 빠른 반응형 웹 애플리케이션을 구축하는 방법

• 컴포넌트에 대한 모든 것, 데이터를 전달하는 방법 및 재사용 가능한 빌딩 블록을 만드는 방법

• Svelte 저장소(Store)를 통해 애플리케이션의 데이터를 효율적으로 관리하는 방법

• 백엔드 서버와 통신하여 데이터를 보내고 가져오는 방법

• 서버에서 앱을 사전 렌더링하고 SEO(Search Engine Optimization)를 개선하는 방법

  
  

[강사 소개]

제 이름은 Maximilian Schwarzmüller이며 Udemy에서 다양한 웹 개발 및 모바일 개발을 가르치고 있습니다. Svelte를 배운 뒤로, 저는 Svelte의 매력에 푹 빠져버렸습니다. Svelte는 순수 JavaScript와 Angular, React 또는 Vue와 같은 프레임워크의 장점을 모두 갖고 있기 때문이죠.

위에 언급한 프레임워크를 대체하거나 프레임워크로 구축된 앱을 개선하는 데 Svelte를 활용할 수 있습니다. 게다가 가벼운 앱 개발과 깔끔한 구문도 참 매력적이죠.

이번 Svelte.js 강의로 핵심 개념과 고급 기술을 모두 습득하세요!

1강에서 뵙겠습니다.

- Max