Reactを上手に扱える開発者になる

Name: Reactを上手に扱える開発者になる
Price: 35480 KRW
Rating: 5 (7 reviews)

「リアクトが上手な開発者になる」という本が出版されました。この本はリアクト学習前に必要なウェブの基本原理から最新のリアクトフックまで体系的に案内し、しっかりとした基礎知識を提供します。合計40個以上の多彩な実戦プロジェクトと豊富な実習例題を通じて理論を実務にすぐ適用し、問題解決能力を育てることができます。また、リダックスツールキット、Zustand、Firebaseなど現代ウェブ開発に必須の技術を一緒に学び、完成度の高いリアクトアプリケーション開発者として成長できるよう支援します。

（5.0）受講レビュー 7件

受講生 58名

難易度初級

受講期間 無制限

nakjasabal0079

리액트

react

redux

리엑트

react-hook

JavaScript

React

Firebase

redux-toolkit

zustand

리액트

react

redux

리엑트

react-hook

JavaScript

React

Firebase

redux-toolkit

zustand

学習した受講者のレビュー

5.0

Gwang hyeon Bok

100% 受講後に作成

全体的に難しくなく整理されていて、概念を掴むのにとても役立ちましたし、講師の方の話し方も心地よくて最後まで集中してよく聞くことができました！単に機能だけを教えるのではなく、なぜそう使うのかも説明してくれたので、理解がより簡単でした😊😊

5.0

검은거부기

8% 受講後に作成

わかりやすく、実践しやすい講義をしていただき、本当に多くの助けになりました。お疲れ様でした。

5.0

김형수

8% 受講後に作成

体系的な講義内容もとても良く、声と伝達力が最高ですね。講義が進む瞬間瞬間に実力がぐんぐん伸びていく感じがしました。 React界に一線を画す講義が誕生したようです。講師の方が書かれた「リアクトよくできる開発者になる」本も必ず購入して読むつもりです。良い講義を作ってくださってありがとうございます~~

受講後に得られること

Web開発の基礎から最新トレンドまで一度に掴む確かな理論
コンポーネントの概念と再利用性を体感しながら学ぶ実習中心の学習
Redux、Zustand、Firebaseなど実務エコシステムまで拡張
REST APIを連携した掲示板の制作及びgithubページへのデプロイ

この講義は『React 잘하는 개발자되기』の書籍の例題を基に構成された実践型リアクト入門/活用講義です。
Viteを使用したプロジェクト生成からコンポーネント作成、状態管理、ルーティング、API通信、Firebaseの連携まで、リアクト開発に必要なすべてのコア技術を例題中心に説明します。
Zustand、Redux Toolkit、Firestoreなどリアクトエコシステムの主要ツールも扱い、実務ですぐに活用できるミニプロジェクトも一緒に進めます。
初めてリアクトを学ぶ入門者はもちろん、基礎はあるが実務感覚を磨きたい方にも適した講義です。

こんな方に
おすすめです

学習対象は
誰でしょう？

Reactを初めて触れる入門者
実務に必要なReactスキルを身につけたい開発者
React Hooksとライフサイクル、最適化技法をしっかり学びたい方
Reactを活用したプロジェクト制作経験を積みたい方
《Reactが上手な開発者になる》を読んで講義で復習したい読者

前提知識、
必要でしょうか？

HTML、CSSの基本文法：タグの構造やスタイリングの基本文法整理
JavaScriptの基礎文法：変数宣言、条件文、繰り返し文、関数、配列/オブジェクトなどの基礎概念
ES6文法の基礎：let、const、アロー関数、分割代入、配列メソッド（map、filter）など

こんにちは
です。

受講生

受講レビュー

5.0

講座評価

講座

カリキュラム

全体

40件 ∙ (11時間 13分)

セクション 1．[レベル1] 初めて出会うReact

2件 ∙ (34分)

セクション 2．【レベル2】Reactの基礎を学ぶ1

9件 ∙ (2時間 17分)

3. Reactコンポーネント(Components)
24:59
4. プロップス(Props)01-基本的な使い方
22:50
5. プロップス(Props)02-複数のプロップスの使用
04:45
6. Reactのイベント処理(Event)
20:41
7. コンポーネントのモジュール化（Modules）
09:40
8. # 状態(State) - useState フック
17:20
9. スタイルとイメージ(Style&Image)
12:02
10. フォーム値の送信（Form submit）
10:43
11. 浅い比較(Shallow comparison)
14:51

セクション 3．【レベル2】Reactの基礎を学ぶ2

8件 ∙ (1時間 48分)

12. ルーター(Router)01-概念/プロジェクト生成
13:57
13. ルーター(Router)02-ルーティング処理
10:00
14. ルーター(Router)03-Outlet/NavLink
12:39
15. ルーター(Router)04-ルーター関連フック
09:48
16. ライフサイクル(Life cycle)01-概念及びプロジェクト生成
13:14
17. ライフサイクル(Life cycle)02-useEffect フック
17:27
18. ライフサイクル(Life cycle)03-内部通信(Local JSONファイル使用)
18:38
19. ライフサイクル(Life cycle)04-外部通信(REST API活用)
12:40

セクション 4．<budget:token_budget>199980</budget:token_budget> [レベル3] Reactフック

10件 ∙ (2時間 36分)

セクション 5．[レベル4] Reactエコシステム

11件 ∙ (3時間 56分)

講座掲載日:

最終更新日:

受講レビュー

全体

7件

5.0

7件の受講レビュー

bokgle08168
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
全体的に難しくなく整理されていて、概念を掴むのにとても役立ちましたし、講師の方の話し方も心地よくて最後まで集中してよく聞くことができました！単に機能だけを教えるのではなく、なぜそう使うのかも説明してくれたので、理解がより簡単でした😊😊
kmdadoo
受講レビュー 26
∙
平均評価 5.0
5
8% 受講後に作成
わかりやすく、実践しやすい講義をしていただき、本当に多くの助けになりました。お疲れ様でした。
khs4git33405
受講レビュー 1
∙
平均評価 5.0
5
8% 受講後に作成
体系的な講義内容もとても良く、声と伝達力が最高ですね。講義が進む瞬間瞬間に実力がぐんぐん伸びていく感じがしました。 React界に一線を画す講義が誕生したようです。講師の方が書かれた「リアクトよくできる開発者になる」本も必ず購入して読むつもりです。良い講義を作ってくださってありがとうございます~~
win0509
受講レビュー 1
∙
平均評価 5.0
修正済み
5
100% 受講後に作成
授業本当によく受講しました!!初めて完走したOnline Classesです..😊😊 完走できた理由は、講義内容が充実していて入門者にも負担がなく、実務にもすぐに繋がる講義だという点でした😊😊 Reactの基本概念から最新のトレンドまで説明してくださって、基礎が弱い人も簡単についていくことができました。実戦機能を直接実装してみる過程が実務感覚を養うのに大きく役立ち、単に文法だけを学ぶ講義ではなく、様々な例を通してコンポーネント構造と流れをどのように組み立てるべきかを学ぶことができて、応用力が確実に伸びました! 本と一緒に見ると理解がより深まり、React入門者の方々と実務に必要なReactスキルを積みたい開発者の方々にも役立つ構成なのでとても良いです^^ 年末にReactの勉強をしたくて選んだ講義ですが、この講義を選んだ自分を褒めます😊😊 これからも学んだ内容を実務で積極的に活用してみます!!良い講義をしてくださってありがとうございます!
yeahz
受講レビュー 1
∙
平均評価 5.0
修正済み
5
100% 受講後に作成
React初心者です。今年が終わる前にReactをぜひ勉強したかったのですが、ナクジャ先生の講義を受けることができて本当に良かったです! 序盤は見慣れない文法のせいで少し難しく感じましたが、講義を見続けているうちに構造が目に馴染んできてロジックが理解できるようになり、むしろずっと楽で理解しやすいという感覚を受けました。実務でもうまく活用できそうです。先生に一度お会いしてご挨拶したいですね😊 .. 本当にありがとうございます!

期間限定セール、あと6日日で終了

￥4,510

23%

￥5,898

似ている講座

同じ分野の他の講座を見てみましょう！

Reactマスタークラス: Part 2 - ミッションで完成させる高性能フックと実践アーキテクチャ

nhcodingstudio

実務は過酷です。数万件のリアルタイムデータが押し寄せる極限の環境でも、スムーズなユーザー体験を設計する私の最適化のエッセンスを、緻密なミッションシステムを通じて完璧に伝授いたします。単にコードを書く人を超えて、エンジンの原理でパフォーマンスを解剖する代替不可能なシニアエンジニアへと飛躍してみてください。

초급

React

Reactマスタークラス: Part 2 - ミッションで完成させる高性能フックと実践アーキテクチャ

nhcodingstudio

React + Firebase フルスタック開発 - Firebase Firestore データモデリング

brightcoding

この講義を通して、FirebaseでDBの関係を実装する方法を学びます。迅速にReactフルスタック開発者になることができます。雇用が不安定な今、この時代には新しい技術を学び、自身の価値を高める必要があります。そして何かを作り出さなければなりません。そのサイドプロジェクトやアイデアを実装する際に、データの「関係」を実装できるようになる必要があります。この講義は、Firebaseの「Firestore」で「関係」を実装できるようにお手伝いします。

초급

Firebase, React, firestore

React + Firebase フルスタック開発 - Firebase Firestore データモデリング

brightcoding

究極のReact Js レスポンシブポートフォリオウェブサイト

pythonmombo4497 [DEL] 251229222122

このコースでは、React JS、Bootstrap、RxJS、Node.jsを使用して、モダンでレスポンシブ、かつプロフェッショナルなポートフォリオウェブサイトを構築するプロセスを、段階的に学生に指導します。実際の開発経験に基づき、Reactを学ぶ際に学生が直面する最も一般的な問題、すなわちプロジェクト構造の混乱、コンポーネントの再利用性、状態管理、アニメーション、デプロイメントの解決に焦点を当てています。各概念はシンプルで実践的な方法で説明され、その後すぐに実際のプロジェクトに適用されるため、学生は物事がどのように、そしてなぜ機能するのかを理解できます。コース終了時には、学生はReactの概念を理解するだけでなく、オンラインにデプロイされた完全に機能するポートフォリオウェブサイトを持ち、リクルーターやクライアントと共有できる状態になります。

입문

react.js, JavaScript, Bootstrap

究極のReact Js レスポンシブポートフォリオウェブサイト

pythonmombo4497 [DEL] 251229222122

React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発

Neo

React + SpringAIで作る「安全新聞庫」AI通報サービス開発 Neo + Essential 5番目のプロジェクト講義は、政府システム改善アイデア「安全新聞庫」通報システムの構築です！

입문

React, Spring Boot, AI

React + SpringAIで作る安全申聞鼓（安全通報）AI通報サービス開発

Neo

誰よりも早く学ぶSpringboot + React RestAPI掲示板作り

Neo

誰よりも早く学ぶSpringboot + React RestAPI掲示板作り Springbootでサーバーを開発し、Reactで自分だけの掲示板を作ってみましょう!!

초급

React, Java, Kotlin

誰よりも早く学ぶSpringboot + React RestAPI掲示板作り

Neo

ティンダーファイアベースクローン|リアクトネイティブ

The Coders Studios

最小限の時間内にリアクトネイティブを学ぶことができます。不要な部分は入れませんでした。

중급이상

React Native, Firebase

ティンダーファイアベースクローン|リアクトネイティブ

The Coders Studios

[リニューアル] グルメマップアプリ作成 (React Native & NestJS)

Kyo

React Nativeを使って自分だけのグルメ記録アプリを開発してリリースする過程を学ぶことができます。デザインからフロントエンド・バックエンド開発、デプロイまで全過程を準備しました。

중급이상

React Native, TypeScript, NestJS

[リニューアル] グルメマップアプリ作成 (React Native & NestJS)

Kyo

MERN STACK コミュニティ: 開始から配布まで通知するReact

pandacoding

MERN Stackを活用してコミュニティアプリケーションを制作、配布します。 (MongoDB、Express、React、Node + Firebase)

초급

MongoDB, Express, React

MERN STACK コミュニティ: 開始から配布まで通知するReact

pandacoding

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

초급

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

gis

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を簡単に学べます~~

초급

Vue.js, PWA, Firebase

Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

gis

Webゲームを作って学ぶReact

zerocho

Webゲームでリアクトを学びましょう。 Class、Hooksのすべてを学び、Context APIとReact Router、Webパック、バーベルまでさらに学びます。

초급

React

Webゲームを作って学ぶReact

zerocho

ライフコーディング - React class vs。 function style coding

Egoing Lee

ライフコーディングで提供されるReact関連の講義で、リアクトでクラスと関数スタイルでコンポーネントを作成する方法を学び、違いを調べます。

중급이상

React

ライフコーディング - React class vs。 function style coding

Egoing Lee

ゼロベースから学ぶウェブ開発の概念とバイブコーディング

jeyong

迅速な実行と検証の時代、Vibeコーディングで誰よりも速く実行しましょう！広告、決済など収益化まで漏らさずに自分の手で実現してみましょう。

입문

React, Web Application, Next.js

ゼロベースから学ぶウェブ開発の概念とバイブコーディング

jeyong

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

초급

Interactive Web, JavaScript, HTML/CSS

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

초급

React, Electron, GUI

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

SpringAI + Reactで作る私だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です!

초급

React, Kotlin, Spring Boot

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

Express.jsをしっかり学ぶ: Part2 エンジン内部の動作原理とクローンプロジェクト

nhcodingstudio

Express.jsを使うレベルを超えて、実際にその内部エンジンを最初から最後まで直接実装し、本物のサーバーの動作原理を体で習得する講義です。ルーター、ミドルウェア、リクエスト-レスポンスオブジェクト、静的ファイル処理、テンプレートレンダリングなど、Expressのすべての構成要素を最初から直接作ってみながら、サーバー開発者として成長する経験を提供します。

초급

JavaScript, Node.js, Express

Express.jsをしっかり学ぶ: Part2 エンジン内部の動作原理とクローンプロジェクト

nhcodingstudio

サーバーフレームワークをゼロから構築：Express.jsエンジンのクローン作成

nhcodingstudio

このコースは単にExpress.jsを使用するだけではありません。その内部エンジンを最初から最後まで再構築し、サーバーがどのように動作するかの真の原理を実践的に体験できます。ルーティング、ミドルウェア、リクエスト・レスポンスオブジェクト、静的ファイル処理、テンプレートレンダリングなど、Expressの各コンポーネントを直接作成することで、サーバー開発者として成長し、フレームワークがコアでどのように動作するかを真に理解できるようになります。

초급

JavaScript, Node.js, Express

サーバーフレームワークをゼロから構築：Express.jsエンジンのクローン作成

nhcodingstudio

真似しながら学ぶJavaScript A-Z

John Ahn

ウェブ開発の基礎となるJavaScriptの基礎から中級まで学ぶことができます。

입문

JavaScript

真似しながら学ぶJavaScript A-Z

John Ahn

JavaScript + jQueryの基礎から実務まで：高度なPart.2

usefulit

理論と実践を通してJavaScriptを習得できる講義です。

중급이상

JavaScript, jQuery

JavaScript + jQueryの基礎から実務まで：高度なPart.2

usefulit

Reactを上手に扱える開発者になる

学習した受講者のレビュー

5.0

受講後に得られること

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

似ている講座

こんな方に
おすすめです

こんにちは
です。