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

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

Ratings: 4.06 / 5.00




Description


  • 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


What You Will Learn!

  • 관련 지식이 전혀 없다는 가정하에 Svelte의 완전 기초부터 실습까지 알려드립니다.
  • Svelte의 모든 이론부터 실제 활용법을 통해 효율적으로 애플리케이션을 구축하는 방법을 배웁니다
  • Svelte 애플리케이션을 구축하기 위한 핵심 개념 및 고급 기술을 배웁니다
  • Svelte의 작동 방식, 핵심 기능 및 실제 서버에서 완성한 앱을 실행하는 방법을 모두 배웁니다.

Who Should Attend!

  • 고성능 프론트엔드 애플리케이션 개발에 흥미가 있는 JavaScript 초보자 및 개발자
  • 다른 최신 JavaScript 프레임워크를 이미 알고 있지만, 실제 프로덕션에 즉시 사용할 수 있는 가벼운 대안인 Svelte에 대해 배우고 개발자
  • Svelte에 관심있는 초보 개발자 및 취업준비생