본문 바로가기

Course

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

Svelte.js - 완벽 가이드
(Sapper.js 포함)

가벼운 JavaScript 컴파일러인 Svelte.js로
고성능 웹 애플리케이션 구축하기
: 기초부터 진행되는 이론은 물론,
실습 과제 등의 실제 활용법을 통해
효율적으로 애플리케이션을
구축하는 방법을 습득하세요.

배울 내용

관련 지식이 전혀 없다는 가정하에 Svelte의 완전 기초부터 실습까지 알려드립니다.

Svelte의 모든 이론부터 실제 활용법을 통해 효율적으로 애플리케이션을 구축하는 방법을 배웁니다

Svelte 애플리케이션을 구축하기 위한 핵심 개념 및 고급 기술을 배웁니다

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

Maximilian Schwarzmüller

AWS certified, Professional Web Developer and Instructor



이런 분들에게 추천해요

고성능 프론트엔드 애플리케이션 개발에 흥미가 있는 JavaScript 초보자 및 개발자

다른 최신 JavaScript 프레임워크를 이미 알고 있지만, 실제 프로덕션에 즉시 사용할 수 있는 가벼운 대안인 Svelte에 대해 배우고 개발자

Svelte에 관심있는 초보 개발자 및 취업준비생

● 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

평생 이용권12.5시간 동영상
TV&모바일 엑세스 강의 수료증