최신 프론트엔드 프레임워크 Svelte(스벨트)를 배워보는 강좌입니다. Svelte 기본 사용법을 익힌 후 Todo 앱을 함께 만들면서 실제 프로젝트에서 어떻게 Svelte를 사용할 수 있는지 익혀보는 강좌입니다.
Svelte 기본 사용법
Svelte를 이용해 Todo 앱을 만들면서 실제 사용법 학습
개발한 Todo 앱을 Store를 통해 실프로젝트에 가깝게 리팩토링
Routify를 이용한 Router 기능
Fetch, Axios를 이용한 Ajax 통신방법
ES6 배열 메소드 사용방법
JS 프론트엔드 프레임워크의 뉴페이스, Svelte를 만나보세요.
2019년 들어 가장 핫하게 관심이 높아진 프론트엔드 프레임워크 Svelte(스벨트)를 배워보는 강좌입니다.
▲ Svelte 로고
현재는 React, Vue.js 등 다양한 프론트엔드 프레임워크가 있습니다. 각각의 프레임워크들은 서로 다른 철학과 방법론을 가지고 있습니다.
Svelte는 보다 적은 코드로 완벽한 리액티비티 구현을 대표적인 특징으로 내세우는 프레임워크입니다.
다음 코드는 State를 각기 다른 프레임워크로 구현해 본 예시입니다. 보시면 코드량의 확연한 차이를 알 수 있습니다.
▲ 타 프레임워크에 비해 코드량이 단연 적은 Svelte
사실 각기 프레임워크들은 다르긴 하지만 모두 비슷한 개념을 갖고 있기도 합니다. 만약 프론트엔드가 처음이라면 현재 나온 프레임워크 중에서 가장 배우기 쉽기 때문에 Svelte를 먼저 익히고 나면 다른 프레임워크를 익히는 데에도 많은 도움이 되어줄 것으로 생각됩니다.
그리고 기존에 다른 프레임워크를 이미 사용하고 계신 분이라면 Svelte를 배우는 게 그리 어렵지 않을 것이고, 계속해서 변하고 있는 프론트엔드가 어떤 방향으로 갈 것인지에 대한 거시적인 시야를 넓히는 데에 좋은 경험이 되지 않을까 하는 생각을 해봅니다.
저희가 최종적으로 만들게 되는 앱의 모습입니다. 단순한 Todo앱이지만, 여기서 배운 패턴들을 확장하시면, 실제 프로젝트에서도 사용이 가능할 것입니다.
▲ Svelte로 만든 To-Do 앱
학습 대상은
누구일까요?
프론트엔드 개발에 관심이 있으신 분
기존 프론트엔드 개발자분
디자이너 또는 퍼블리셔에서 프론트엔드에 도전해보고 싶으신 분
보다 쉬운 프론트엔드 프레임워크를 찾고 계신 분
선수 지식,
필요할까요?
HTML 기초
Javascript 기초
CSS 기초
2,477
명
수강생
63
개
수강평
84
개
답변
4.8
점
강의 평점
5
개
강의
2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다.
현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다.
현) 프리랜서
전) (주) 비즈플러그 전략솔루션 사업부 팀장
전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장
youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw
email: freeseamew@gmail.com
blog1: https://medium.com/freeseamew
blog2: https://dev.to/freeseamew
전체
39개 ∙ (5시간 7분)
해당 강의에서 제공:
1. svelte 소개
03:00
2. 소스&교재
00:41
3. 개발 환경 세팅
01:47
4. svelte 설치
03:51
전체
9개
4.9
9개의 수강평
수강평 7
∙
평균 평점 5.0
5
Rõ ràng lý do tại sao người hướng dẫn tạo ra khóa học này. Bởi vì mảnh dẻ rất mạnh mẽ và tốt. Hãy sử dụng sự mảnh dẻ trong một dự án thực tế.
Ah, cảm ơn bạn đã đánh giá đầu tiên. Và tôi rất vui vì bạn cũng cảm thấy hài lòng về sự mảnh dẻ. Tôi chúc bạn viết mã tốt trong tương lai. ^^
수강평 22
∙
평균 평점 3.4
5
Cảm ơn bạn đã giải thích những thông tin quan trọng cần thiết khi bắt đầu. Tôi vẫn đang trong giai đoạn tìm hiểu nhưng nó rất hữu ích vì nó giải thích chi tiết những điều tôi tò mò khi nghe bài giảng. Tôi mong chờ bài giảng tiếp theo. ^^
Tôi rất vui vì bạn hài lòng với bài giảng. Chúng tôi sẽ tiếp tục chuẩn bị những bài giảng hay trong tương lai. ^^
수강평 3
∙
평균 평점 5.0
수강평 5
∙
평균 평점 5.0
5
Tôi rất quan tâm đến Svelt, nhưng điều đó thật khó khăn vì chưa có nhiều dữ liệu. Đó là một bài giảng thực sự gãi ngứa. Cảm ơn bạn một lần nữa vì bài học tuyệt vời và cảm giác thành tựu cho người mới bắt đầu.
Tôi rất vui vì bạn thích khóa học. Hiện tại, các khóa học liên quan đến API mảnh mai + phần còn lại sẽ được phân phối miễn phí. Tôi nghĩ nó sẽ hữu ích nếu bạn tiếp tục học khóa học này. Chúng tôi sẽ tiếp tục phấn đấu để tạo ra những khóa học tốt trong tương lai. Cảm ơn
수강평 5
∙
평균 평점 4.2
4
Bạn thậm chí còn không biết một dòng chú thích nào, nhưng tôi nghĩ bạn nên giảng bài đồng thời thêm một số chú thích.
Vâng, tôi sẽ ghi nhớ điều này. Vui lòng đưa ra ý kiến của bạn về phong cách bạn muốn thêm bình luận vào. Chúng tôi sẽ cố gắng hết sức để phản ánh phản hồi của bạn nhiều nhất có thể. Cảm ơn
월 ₩143,139
5개월 할부 시
₩33,000
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
![Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
![Hướng dẫn đầy đủ về Svelte.js [Core API]강의 썸네일](https://cdn.inflearn.com/public/course-325523-cover/f70444f1-ed0a-4b46-b5ec-39c250885e9a?f=avif&w=420)
