Vue3와 Supabase로 구인구직 사이트 만들기
Michael Kwon
나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!
초급
Vue.js, supabase, Vue 3
プロジェクトで簡単に学ぶSvelte（SvelteKit + Supabase）
体系的な段階のプロジェクト実習と展開、ビルトインストア活用、SvelteKitとSupabaseでフルスタックアプリケーションまで一発で！
学習した受講者のレビュー
こんなことが学べます
ホームページからカジュアルゲーム、フルスタックアプリケーションまで、さまざまなテーマのプロジェクトを通じてフロントエンドのコア機能を習得し、問題解決能力を育てます。
Svelteの簡潔で直感的な文法を使用してコンポーネントベースのアーキテクチャを構築し、状態管理、イベント処理、ルーティングなどの主なトピックをカバーします。
Viteでプロジェクトを作成してビルドし、FitHubとVercelを介して簡単にWebにデプロイします。
ビルトインストアを使用すると、グローバルな状態管理を簡単に処理する方法を習得できます。
SvelteKitとSupabaseでフルスタックアプリケーションを簡単に開発できます。
最小限の時間に比べて多くのことを習得できます。
こんな方に
おすすめです
学習対象は
誰でしょう？
HTML、CSS、JavaScriptの基本的な理解がありますが、フレームワークやライブラリを使用した経験が少ない方
フロントエンドの基本技を習得したい方
実習中心に早く勉強したい方
投入に比べて迅速な結果を求める開発者
前提知識、
必要でしょうか？
HTML、CSS、JavaScriptの基礎
219
受講生
23
受講レビュー
17
回答
5.0
講座評価
5
講座
스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.
- 저서 -
자바스크립트 프로젝트북(한빛미디어,2017)
カリキュラム
全体
104件 ∙ (8時間 23分)
講座資料（こうぎしりょう）:
授業資料
1. はじめに
03:15
2. 開発環境の設定
01:29
3. プロジェクトの作成(Vite)
04:50
4. データを文書に表示する
07:41
5. 繰り返し文で映画情報を表示する
04:14
8. スタイルを変更する
04:40
9. 条件文で動的コンテンツを追加する
03:31
11. モーダルウィンドウ情報の動的表示
03:42
15. 映画リストコンポーネントの作成
05:25
17. 動的クラスと効果を扱う2/2
05:55
18. 検索ボックス入力機能
05:52
19. 入力値を確認する
05:45
20. 映画タイトル検索機能1/2
07:34
21. 映画タイトル検索機能2/2
01:41
22. 検索結果を表示する
05:22
23. フルビューボタンを追加する
02:10
28. プロジェクト紹介
03:13
29. プロジェクト設定
05:19
30. Sass文法のコアサマリー
08:17
31. メディアを追加する
01:30
32. ホームエリア
10:18
33. About エリア
06:37
34. ページルーティング
03:26
35. ニュースエリア
10:28
36. 繰り返し文でニュース情報を表示
02:16
37. 詳細ページエリア
05:01
38. 詳細ページにデータを渡す
05:34
39. 詳細ページに情報を表示する
03:23
40. contact エリア
03:53
41. ビルドとデプロイ 1/2
02:02
42. ビルドとデプロイ 2/2
05:55
43. プレビュー
00:31
44. プロジェクト紹介
02:05
45. プロジェクト設定
01:48
46. 機能別ゲーム画面の定義
03:53
48. フォントと画面デザイン
07:03
50. ゲームグリッドエリアカードの配置
09:22
51. カードの反転と混合
04:52
52. ゲームルールとロジックを見る
01:34
53. カードの初期化と反転
04:29
56. カードマッチングを判定する2/2
07:18
57. カード判定画面処理
04:33
58. ゲームクリア判定する
03:45
61. ゲームスコアを店舗で管理する方法
03:28
62. ストアを作成してゲーム情報を扱う
04:58
講座掲載日:
最終更新日:
受講レビュー
全体
9件
5.0
9件の受講レビュー
이종수受講レビュー 5
∙
平均評価 4.6
- 슈퍼아스라다
受講レビュー 4
∙
平均評価 4.0
- 흔들거북이
受講レビュー 10
∙
平均評価 5.0
5
100% 受講後に作成svelte를 처음 입문하시는 분들에게 워밍업으로 좋은 강의가 될 것이라 생각합니다. 프로젝트 단위로 진행하면서 배우는것이다보니 지루하지 않고 단기간에 빠르게 완강 할 수 있어서 좋았네요.
- Michael Kwon知識共有者
흔들거북이님, 소중한 평가 감사드립니다!
- antk7894
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成스벨트와 스벨트키트를 사용해보고 싶어서 수강했는데 기본기와 응용 모두 잘 학습할 수 있었던 것 같습니다. 실제 레퍼런스와 함께 설명해주시는 부분들이 좋았고 강의 별 브랜치로 깃헙을 참고할 수 있는 부분들도 매우 만족스러웠습니다. 벨류 높은 강의 감사합니다!!
- Michael Kwon知識共有者
적극적인 수업 참여와 소중한 의견 감사드립니다 ^^;
- kimks01
受講レビュー 1
∙
平均評価 5.0
5
92% 受講後に作成이 강의를 통해 Svelte와 SvelteKit, 그리고 Supabase의 매력을 제대로 느꼈습니다! 기초부터 응용까지 커리큘럼이 간결하면서도 체계적으로 짜여 있고, 특히 프로젝트 덕분에 학습한 내용을 바로 적용해 볼 수 있어 이해가 훨씬 수월했습니다. 다른 프레임워크를 사용한 경험이 있어 비교가 되는데 Svelte의 간결함과 효율성에 푹 빠지게 되네요. Supabase를 이용한 백엔드 통합도 전혀 어렵지 않게 설명해주셔서, 처음에는 생소했던 부분도 자연스럽게 익힐 수 있었습니다. 강사님의 설명이 명확하고 친절해 쉽게 이해할 수 있었고, 수업 중간중간 실제 오류를 수정하는 부분이나 팁도 유용했습니다~
- Michael Kwon知識共有者
스벨트의 간결함은 큰 매력이죠. 저희 강의도 그렇답니다. 소중한 의견 감사드립니다~
￥5,857
Michael Kwonの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
