KubernetesベースのMSA(Spring Boot使用)入門 - パート2
zk202308a5410
Kubernetesを利用したMSA実装時に知っておくべき必須知識の紹介と実習 - OpenFeignを利用したサービス間通信 - Kafka連携 - RedisとPostgreSQLを利用したJWT - Grafana、Prometheus、AlertManagerの使い方
初級
Kubernetes, Kafka, MSA
Reactが初めてですか? Reactの基本概念をしっかり固めながらも、素早く学べる方法を考える必要があります。 Next.jsとJavaScriptで最小限の知識から始めてみましょう。 実務で開発に必要な必須的な例題だけを厳選して開発してみましょう。 Todoの例題は非常に重要なので、2回開発する必要があります。1回目はコンポーネント中心に、次はブラウザのパスに合わせて処理されるルーティング中心に! ログインはZustandを利用しましょう!本当に少ないコード量でグローバルステートを処理できます。
受講生 125名
難易度 入門
受講期間 無制限
学習した受講者のレビュー
5.0
tlogkr
分かりやすくて楽しい講座でした。 ありがとうございました。
5.0
leelojhol
講義、とてもためになります。ありがとうございます。
5.0
마사오
リアクト(Next)初心者の私に勇気を与えてくれて、 真っ暗な海の灯台のような講義です。
コンポーネントとコンポーネントを構成する方法
コンポーネントの状態(state)と属性(props)
APIサーバーと連携するReactアプリケーション
Next.jsを利用したルーティング処理
Zustandで状態管理する
Reactが初めてで途方に暮れていますか?
Next.jsとJavaScriptで基礎からしっかりと、
実務例題中心の学習でしっかりとした開発基礎を固めてみましょう。
JavaScript、React、Next.js 16、App Router、React 19、Zustand
実務必須の例題を中心にコンポーネント、状態管理、ルーティングを完璧にマスターします。
講義で学んだ内容をもとにTodoリストとログイン機能を備えた
実際のサービスレベルのWebアプリケーションを直接完成させます。
JSONPlaceholder API連携、Zustandを活用したグローバル状態管理、Next.jsルーティング実習
フロントエンド開発の全体プロセスを体験しながらスキルを向上させます。
本講義は、React初心者のためにNext.jsフレームワークを使用してプロジェクトを始める方法をご案内します。JavaScriptの基本知識とWeb開発の基礎をもとに、Reactの核心概念であるコンポーネント、Props、Stateを学習し、実際の開発に必要な必須例題を扱います。
関数型コンポーネントの生成と制御、繰り返し文の活用、PropsとStateを通じたデータ管理方法を詳しく学びます。また、コンポーネント間の通信方式とコンテナ/プレゼンテーションコンポーネントパターンを理解し、実際のカウンターコンポーネント分離練習を通じてコンポーネント設計能力を向上させます。
Reactの配列処理機能(スプレッド演算子、filter)を活用してTodoリストを管理するアプリケーションを開発します。Todo項目の登録、削除、修正機能を実装し、画面デザインを改善してユーザーフレンドリーなUIを完成させます。このセクションでは、コンポーネントベース開発の実質的な適用を経験します。
非同期通信の概念を理解し、Fetch APIを使用して外部RESTful APIと連携する方法を学習します。動的ルーティング処理、Linkコンポーネントの活用、POST、PUT、DELETEメソッドを利用したデータCRUD作業の実装を通じて、リアルタイムデータ処理能力を強化します。
軽量グローバル状態管理ライブラリであるZustandを使用して、ログイン状態のようなグローバルデータを効率的に管理する方法を学びます。ストアの作成、Persist機能を活用したローカルストレージ連動、依存性のないコンポーネント構造設計、およびログアウト機能を実装して、アプリケーションの状態管理能力を高めます。
✔️ ReactとNext.jsを初めて学ぶ入門者
理論だけでは物足りなかったReactの基本概念をNext.jsと一緒にしっかり固めたい方
最小限の知識で素早くReactプロジェクトを始めたい方
コンポーネント構造、Props、Stateなど、核心原理を簡単かつ明確に学びたい方
✔️ 実務中心のWeb開発経験を積みたい学習者
実務でよく使われる必須例題だけを集めて集中的に学習したい方
Todoリスト、ログインなど実際のサービスで必要な機能を直接実装してみたい方
APIの連携とZustandを活用した状態管理まで経験したい方
✔️ フロントエンド開発者を目指したい方
Next.jsのルーティングシステムを理解し、動的ルート設定を扱えるようになる方
コンポーネントの分離、再利用などクリーンコードの作成のための設計原則を学ぶ方
Tailwind CSSを活用して魅力的なUIを直接デザインし、実装する経験を積む方
実習環境
オペレーティングシステム:Windows、macOS、Linuxすべて対応可能です。
必須インストールプログラム:Node.js(最新LTSバージョン推奨)、VS Codeまたは他のコードエディタ
推奨スペック:スムーズな開発環境のために、SSDストレージおよび8GB以上のRAMを推奨します。
事前知識と注意事項
JavaScriptの基本文法(変数、関数、オブジェクト、配列)に対する理解が必要です。
ウェブ開発の基礎知識があれば、学習に役立ちます。
Reactフレームワークの経験がなくても始められます。
Next.js 15バージョンとApp Routerを基準に学習します。
学習資料
강의 슬라이드 PDF 파일이 제공될 예정입니다.
実習例題を通じて直接コードを作成し、実行することができます。
JSONPlaceholderを活用したAPI連携実習が含まれます。
学習対象は
誰でしょう?
Reactを初めてやってみたい人
Next.jsを初めて始める人
Reactの概念を素早く学習したい人
フロントエンドとバックエンドの構造と役割を知りたい人
Zustandを React に適用したい人
前提知識、
必要でしょうか?
JavaScript基礎知識(変数、制御文、配列、関数)
キャリア認証
2,489
受講生
186
受講レビュー
295
回答
4.8
講座評価
7
講座
「구멍가게코딩단(クモンガゲコーディング団)」は、2015年から開発関連職種の人々の集いのために作られたコミュニティです。
講義の進行は、現在「クモンガゲコーディング団(小さな店のコーディング団)」を運営しているクッキーマネージャーが担当しています。
2000年から開発を始め、ベンチャー企業、中小企業、大企業、フリーランスなどでの開発経験があります。
2010年代からは、主に企業向けの講義やコンサルティングを主な業務としています。
主な著書
コードで学ぶSpring Webプロジェクト
コードで学ぶSpring Boot
コードで学ぶReact
RESTful API サーバーの実装
Spring 6 レガシープロジェクト
Java Web開発ワークブック
React Native イン・アクション(翻訳)
開発/講義
サムスンSDS開発チーム勤務
SK顧客幸福株式会社 勤務
KT / SK / ポスデータ / 教保生命 / 新世界 / アシアナ / 国民健康保険公団など、企業向け講義
全体
37件 ∙ (8時間 6分)
講座資料(こうぎしりょう):
1. 講座紹介
09:35
3. コンポーネントの生成
15:41
4. 関数について学びましょう
10:50
5. コンポーネント内制御処理
14:08
6. コンポーネント内の繰り返し文
16:22
7. コンポーネントのprops
14:33
8. コンポーネントの状態(state)
17:47
9. コンポーネント間通信
14:20
14. Todo一覧表示と登録
17:52
15. Todo削除と修正処理1
09:10
16. Todo修正処理2
14:40
17. Todo修正処理3
21:03
18. 画面デザインを修正する
08:48
全体
13件
4.9
13件の受講レビュー
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!