Svelte Practical Tutorial - Creating Sudoku
beomy
You can create a web game using Svelte, Express, JWT, and MongoDB. Those who want to cover both the FrontEnd and BackEnd are welcome!
중급이상
Svelte, Express, MongoDB
Svelte 입문 강의 - A부터 Z까지
React와 Vue, Angular 프론트엔드 3대장의 자리를 위협하는 Svelte 입문 강의입니다. Svelte 공식 문서를 토대로 Svelte 문법을 A부터 Z까지 모두 다룹니다.
먼저 경험한 수강생들의 후기
이런 걸 배울 수 있어요
프론트엔드 개발
웹 개발
Svelte 사용방법
처음 만나는 스벨트, A부터 Z까지 새롭게 시작해보세요!
강의 소개 📝
리액트, 뷰, 앵귤러…
프론트엔드 3대장 자리를 위협하고 있는!!
Svelte 공식 문서와 Beomy 블로그를 토대로 Svelte 사용법을 A부터 Z까지 모두 이야기합니다. Svelte를 익히기 위해 이 강의 저 강의, 이 블로그 저 블로그 살펴볼 필요 없이 Svelte 입문 강의를 들으시면 한번에 해결하실 수 있습니다!
이 강의를 들으신 후에는 Svelte를 사용하여 웹페이지 개발을 하실 수 있도록 쉽게 설명해 드립니다. :)
왜 Svelte를 배워야 하나요? ✒️
Svelte는 2019년에 등장해 무럭무럭 자라나고 있는 새로운 프론트엔드 프레임워크입니다.
2019년에 등장한 후속 주자이지만, 많은 분이 관심을 가지고 계신 프레임워크입니다. 많은 분이 관심을 가지는 이유가 당연히 있겠죠?
Svelte는 가상돔을 사용하지 않아서, React와 Vue와 다른 패러다임을 제시한 프레임워크입니다. 많은 분의 관심을 두게 만든 힘은 Svelte의 성능이 커 보입니다.
Svelte는 프론트엔드 3대장들보다 빠른 퍼포먼스로 충분히 매력있는 프레임워크입니다. 시간이 좀 더 지나면 React나 Vue만큼 많은 곳에 찾는 프레임워크로 자라날 가능성을 가진 루키입니다!
이 강의에서 배우는 것들 ✏️
Svelte의 공식 문서에 있는 내용을 A부터 Z까지 모두 이야기합니다. 이 강의 하나면 Svelte 시작은 거뜬히 하실 수 있습니다. 강의에서 진행하는 18개의 섹션을 6가지로 요약하면,
- 화면을 반응형으로 업데이트하기 위한 문법
- HTML 태그에 데이터 바인딩 방법
- 컴포넌트 라이프 사이클
- Svelte에서 Store 사용하기
- Svelte에서 애니메이션 사용하기 (Motion, Transition, Animation)
- Svelte 고급 문법 (Action, Slot, Context, 내장 요소)
이렇게 나뉠 수 있습니다. Svelte 고급 문법 또한 알아두시면 유용하게 사용될 수 있습니다.
이 강의에서 이야기하는 내용은 모두 Svelte의 핵심만 다루었습니다.
강의 특징 💡
이론 강의만 있는 것이 아닙니다. Svelte의 문법들을 전부 코드로 실습하면서 알아보는 강의입니다. 직접 따라하면서, 코드와 실행 결과를 보면서 쉽게 Svelte를 이해할 수 있는 강의입니다.
예상 질문 Q&A 🙋🏻♂️
Q. 비전공자도 들을 수 있나요?
A. 비전공자분들도 들을 수 있는 어렵지 않은 강의입니다. 다만 HTML과 JavaScript, CSS 기초를 알고 있다 가정하고 강의를 진행하기 때문에 HTML, JS, CSS의 기본 지식이 있으시다면 더욱 쉽게 이해하실 수 있습니다.
Q. Svelte를 배우면 무엇이 좋은가요?
A. Svelte는 아직 신규 프레임워크이지만, 많은 분이 관심을 가지고 지켜보고 있습니다. React나 Vue처럼 유명해지는 것은 시간문제라고 저는 생각됩니다. 더 유명해지기 전에 미리 기술을 습득하고 선점해놓는 것은 어떨까요?
Q. 이 강의만의 특별한 장점이 있을까요?
A. 이 강의는 Svelte의 공식 문서를 토대로 진행하였습니다. 공식 문서에서 이야기하는 부분만 이야기하는 (검증된?) 강의입니다. Svelte 공식 문서를 처음부터 끝까지 훑어보는 강의이기 때문에 다른 강의를 들을 필요 없이 이 강의 하나면 Svelte 입문하실 수 있습니다. 이론으로만 끝나는 것이 아니라 Svelte 사용 방법을 강의마다 실습으로 진행하는 강의입니다.
이런 분들께
추천드려요
학습 대상은
누구일까요?
프론트엔드 개발자로 입문하시는 분들
Svelte를 공부하고 싶으신 분들
최신 프론트엔드 트랜드에 관심이 있으신 분들
선수 지식,
필요할까요?
ES6+
커리큘럼
전체
74개 ∙ (5시간 24분)
1. 오리엔테이션
04:15
2. Svelte 특징
05:16
3. Svelte 사용시 유의사항
03:52
4. Quick Start Guide
05:49
5. 데이터 정의
02:45
6. 속성 정의
05:02
7. 스타일 정의
01:57
8. 컴포넌트 정의
02:59
9. HTML 문자열 표현
01:58
10. 이벤트 리스너
03:33
11. $ 문법
05:06
12. 주의해야할 것들
05:37
강의 게시일:
마지막 업데이트일:
수강평
전체
13개
4.6
13개의 수강평
- papico
수강평 8
∙
평균 평점 4.9
5
49% 수강 후 작성I'm still halfway through, but It's better organized than just studying the official website, And I think it's good to know how the knowledge sharer interprets the parts I understood. For those who have used React or Vue and are interested in new technologies, it would be fun to study while comparing Svelte with other frameworks or libraries! I'll listen to the whole lecture and leave a comment again. Thank you for sharing the good knowledge!
- beomy지식공유자
Thank you for writing in detail about your first class review~~
terecal0050수강평 6
∙
평균 평점 5.0
5
88% 수강 후 작성89% I listened to contextApi and left a lecture review This lecture was easy to understand and learn from a beginner's perspective, with the instructor explaining the basic concepts with examples and practice. Although there were a lot of chapters, the lecture was thorough and the results of the practice were immediately confirmed, so it was not difficult to progress and it was fun. If those who are taking this lecture lack basic JavaScript skills, they might get lost sometimes, but there are many basic grammar examples on w3chools.com, so I think you can refer to them. It is a promising framework that is not sure if it will become a trend yet, but it seems to have many advantages over Vue or React for use in side projects. With my skills, I do not have the skills to implement the backend and frontend right away just by listening to this lecture, but I am looking forward to it because they said they plan to create future lectures~! I think those who want to take a second new front-end framework course after Vue or React can do so without any burden. I wonder if Inflearn should hire such a great instructor as a full-time instructor. LOL; Thank you.
- beomy지식공유자
Thank you, terecal. :) You are a great instructor... I really appreciate your compliments. I think it is easier to understand when I study by looking at examples, so I prepared the lectures by focusing on examples, and I am touched by your positive feedback. If there is anything lacking in the lecture, please let me know at any time so that I can improve it. I received such great compliments! I will work harder on the next lecture! Thank you :)
- wallywally
수강평 15
∙
평균 평점 5.0
5
100% 수강 후 작성I've always wanted to learn Svelte, and it was great to be able to learn it systematically and in detail step by step!
- beomy지식공유자
Thank you, wally-wally, for your good review. :) You have all completed the course! If there is any part of the lecture that you had difficulty understanding, please leave a question and I will answer it sincerely. Thank you. :)
- seorab813038
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성I listened to the lecture well. ^^ I followed the tutorial in the official document and there were many difficult parts, so I listened to the lecture. You used a lot of tutorial code, but it was good that you explained the complicated and difficult parts easily. However.. there was a slightly disappointing part.. The contents that were not explained in detail in the tutorial Similarly, since you did not explain in detail, it was not easy to understand in which cases it could be used and why it was used. Anyway, thank you for the good lecture~
- beomy지식공유자
Beginner, thank you :) There were some regrets, but thank you for your good evaluation. Since it is my first lecture, I think there are some shortcomings. If there is anything you do not understand after listening to the lecture, please leave a question at any time and I will do my best to answer. If there is something that is difficult to include in the answer, I will update the lecture additionally. Thank you for your good evaluation :)
- keh72641734
수강평 3
∙
평균 평점 4.3
₩33,000
이효범(Beomy)님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)