Thumbnail
NEW 개발 ・ 프로그래밍 웹 개발
Svelte.js 입문 가이드
(5.0)
8개의 수강평 ∙ 174명의 수강생

무료

지식공유자 : HEROPY
총 11개 수업˙총 2시간 16분
평생 무제한 수강
수료증 미발급 강의
초급 대상
내 목록 추가 공유
초급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

2시간이 넘는 입문자를 위한 Svelte.js 무료 강의!!

✍️
이런 걸
배워요!
Svelte.js 기본 사용법에 대해서 학습해요!
Store를 사용하는 간단한 Todo 예제를 만들어요!

따끈따끈한 최신 자바스크립트 FE 프레임워크, 
스벨트(Svelte)의 매력에 푹 빠져보세요.


시작하면서!

입문자를 위한 무료 강의를 추가했어요!
Svelte를 학습하려는 누구에게나 도움이 될만한 내용으로 구성했습니다!

입문 수준으로 가볍게 Svelte를 학습하고,
Store를 사용하는 간단한 Todo 예제까지 만들어 보세요!
정말 매력적인 프론트엔드 프레임워크라는 것을 알게 되실 거에요.

작년(2019), 지금의 Svelte를 있게 한 3버전이 처음으로 공식 릴리즈되었어요.
이제 겨우 1년이 지난 아주 따끈하며 흥미롭고 매력적인 프레임워크에요~
필수 학습!


참고하세요!

이 강의는 'Svelte.js [Core API] 완벽 가이드'
'개요/시작하기' 파트의 내용을 묶은 무료 강의입니다.

초반 몇 개 강의가 지나가면 음질이 좋아집니다.
좀 더 비싸고 좋은 마이크로 바꿨어요~


질문이 있으면?

수강 중 질문이 생기면 질문 & 답변 페이지를 사용해 주세요.
최대한 빠르게 답변을 드리겠습니다.

수강이 고민되거나 기타 수강 전 궁금한 부분이 있다면,
수강 전 문의 페이지를 사용해 주세요.


Svelte 문서.

Svelte API에 대한 한글 문서가 필요하시면,
'Svelte.js 완벽 가이드(Renew)' 포스트를 확인하세요.
https://heropy.blog/2019/09/29/svelte

Svelte.js, Frontend, Framework, Core API, Sortable,js Rollup.js, React, Vue.js, Angular, 리액트, 뷰, 앵귤러

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
새로운 최신 웹 프론트엔드 프레임워크를 경험하실 분!
Svelte.js 본격 학습 전에 맛보기를 원하시는 분!
📚
선수 지식,
필요한가요?
HTML
CSS
JS

안녕하세요
HEROPY 입니다.
HEROPY의 썸네일

   

안녕하세요~ 반갑습니다!
저는 현재 작은 스타트업에서 기업 관리 솔루션을 개발하고 있는 프론트엔드 개발자 박영웅입니다.

HEROPY 기술 블로그를 운영하고 있고,
그 외 기업 출강이나 온/오프라인 강의 활동도 하고 있습니다.

Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w

Email: thesecon@gmail.com

    

커리큘럼 총 11개 ˙ 2시간 16분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 개요
1. 강사 소개 및 Svelte 통계 미리보기 05:55 2. Svelte 특징 분석 미리보기 16:52
REPL 사용법 09:26
VS Code에서 Svelte 프로젝트 시작하기 10:34
5. NPX 설치 확인 02:54
섹션 1. 시작하기
1. 선언적 렌더링 10:37
2. 조건문과 반복문 09:28
3. 이벤트 핸들링 09:15
4. 컴포넌트 18:29
5. 스토어 17:19
6. Todo 예제 만들기 25:56
강의 게시일 : 2020년 12월 21일 (마지막 업데이트일 : 2020년 12월 21일)
수강평 총 8개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
8개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Bokyun Park thumbnail
좋은 강의 감사합니다~ 더 공부하고 싶어지는 강의였습니다. 바로 더 들으러 갑니다!!
2021-01-03
지식공유자HEROPY
제 강의를 좋게 봐주시고, 다음 강의도 수강해 주셔서 감사합니다~ Bokyun Park 님께 좋은 정보가 되길 진심으로 바라요! 즐거운 하루 보내세요~😄
2021-01-04
유준영 thumbnail
Svelte.js대해 알게되었습니다.
2021-01-11
지식공유자HEROPY
꽤나 매력적인 프레임워크입니다~ 꼭 한 번은 사이드 프로젝트에서 사용해 보세요! 좋은 수강평 감사드려요~😉
2021-01-12
Gichul Roh thumbnail
기존 강의에서 따로 무료로 내놓은게 좋은 의도인 것 같습니다. 강의 목소리가 클리어하고 깔끔하네요. 강의자님의 타 강의를 수강할 예정입니다.
2020-12-27
지식공유자HEROPY
좀 더 많은 분이 Svelte를 접하실 수 있으면 좋겠다고 생각했습니다. 충분히 매력적인 프레임워크이니까 꼭 사용해 보시길 추천해 드려요! 좋은 평가 진심으로 감사드리고, 행복한 연말, 즐거운 하루 보내세요~😆
2020-12-28
Gichul Roh
제가 일하는 필드가 아직도 IE 브라우저를 아직도 요구하는 곳이라, 개인적으로 사용해봐야겠습니다. 스벨트가 확실히 리액트나 뷰, 앵귤러보다 다른 장점을 가지고 있어서 3대장 반열급으로 오르지 않을까 생각합니다. 그래도 한 3년은 걸리겠죠. 새해 복 많이 받으시기 바랍니다.
2020-12-28
지식공유자HEROPY
어디까지나 개인적인 견해지만 이미 해외 상황은 Angular보단 Svelte 위주인 듯합니다. 물론 국내 FE 개발 환경이 해외보단 늦게 반응하기도 하고, IE 지원도 아쉽습니다만, 최근 MS에서 IE지원도 종료했고, 노션이나 에어테이블 같은 메이저급 서비스들도 IE를 전혀 지원하지 않으니 국내 상황도 빠르게 개선되지 않을까 전망해 봅니다. 저희 회사도 올해 여름까지는 IE 지원으로 고민이 많았는데, 이제 IE 지원은 공식적으로 신경 쓰지 않기로 결정했습니다. 그리고 Svelte 진영에서 현재 준비 중인 템플릿으로 SSR를 제대로 지원하게 되면 훨씬 사용성이 증가할 듯하네요. 조금 낙관적으로 보고 있긴 하지만, 여러 상황이 실제 긍정적입니다. 추가로 제가 현재 사내 프로젝트에서 Svelte를 사용하고 있는데요, 기존에 Vue로 제작한 동급 프로젝트보다 훨씬 퍼포먼스가 좋습니다. 인식 개선이나 실제 Job도 많아져야겠지만, 비교적 확실한 매력 포인트가 있다 보니 현재의 Angular 자리는 금방 차지할 것으로 생각이 되네요. 너무 장점만 나열했을까요? 아쉬운 점도 분명하지만, 사용하면 할수록 정말 좋다는 확신이 드네요. 이러한 이유들로 Svelte를 조금 더 관심 있게 지켜봐 주시고 개인 프로젝트에서 자주 사용해 보시면 어떨까요? :) 그럼 Gichul Roh 님도 미리 새해 복 많이 받으시고요~ 업무하시는 필드에서도 IE가 꼭 사라지길 진심으로 바라봅니다. 감사합니다~😊
2020-12-29
이용규 thumbnail
svelte 기본을 알게되는데 크게 도움이 되었습니다
2021-01-02
지식공유자HEROPY
제 강의가 도움이 되셨길 진심으로 바라요~ Svelte를 이용해서 프로젝트도 진행해 보세요~ 정말 좋은 프레임워크에요! 그리고 새해 복 많이 받으세요~🤞
2021-01-02
HAN_MG thumbnail
처음 접하는 svelte에 대해서 좋은 경험을 할 수 있었습니다. 좋은 강의 감사합니다.
2020-12-29
지식공유자HEROPY
좋은 경험을 하셨다니 다행입니다. 추후에 꼭 Svelte를 이용해 FE를 개발하실 수 있으면 좋겠네요~ 행복한 밤 되세요 🌙⭐
2020-12-29

무료

내 목록 추가 공유
지식공유자 : HEROPY
총 11개 수업˙총 2시간 16분
평생 무제한 수강
수료증 미발급 강의
초급 대상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스