BEST

Front-end

プロジェクトで学ぶReact.js

Name: プロジェクトで学ぶReact.js
Price: 23100 KRW
Rating: 4.7 (36 reviews)

ブログプロジェクトを通じてリアクトの基礎を学ぶことができます

（4.7）受講レビュー 36件

受講生 348名

kossiecoder

react

리액트

프론트엔드

front-end

react.js

React

Redux

ES6

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

受講後に得られること

リアクトの基礎
リアクトフック
リダックス
リダックスツールキット

1日10分⏰
リアクト入門、効率よくやってみよう！

ブログを作って学ぶリアクト 🖥️

フロントエンドフレームワークといえば一番先に浮かぶReact.js！この講義は、人気のフロントエンドフレームワークReact.jsのインストールから一緒に始まる入門講義です。

開始と同時に簡単なブログ作成プロジェクトを開始します。プロジェクトを作成しながら必要なリアクト機能を学び、プロジェクトの実践を通じて概念をすぐに適用してみます。ブログを作成しながら、ページの作成、削除、検索など、さまざまな機能を実装してみます。各画像はほとんど10分未満の短い画像で作成されました。

ブログを作成しながら
実用的な機能を中心に学習！

10分内外
短い映像で構成！

入門から活用まで、
コンセプトから実習まで一度に！

予想される質問 Q&A 💬

Q. React.jsをまったく知らなくても聞くことはできますか？

はい！ React.js 基礎講座なので、知らなくても基礎から学ぶことができます。このコースが終わったら、React.jsでプロジェクトを一人でできる程度の基本は学びます。しかし、HTML、CSS、Javascript（ES6+）の基礎はご存知の方が聞くのがおすすめです。講義の途中でes6+関連の説明も入っています。 😊

講義資料紹介 📜

各映像の終わりのソースコードをgithubにブランチで作り上げました。エラーで詰まったときにgithubでソースコードを比較することができます。 😁見つけやすいように授業映像番号をブランチ名で上げました。

Link: https://github.com/kossiecoder/react-redux-basic

こんな方に
おすすめです

学習対象は
誰でしょう？

リアクトの基礎を学びたい方
リアクトでWebアプリを作成したい人

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

html
css
javascript

こんにちは
です。

1,301

受講生

135

受講レビュー

回答

4.8

講座評価

講座

カリキュラム

全体

88件 ∙ (9時間 5分)

セクション 1．コースの紹介と開発環境の設定

3件 ∙ (12分)

セクション 2．React の基礎

7件 ∙ (32分)

セクション 3．ブログ投稿作成フォームの作成

6件 ∙ (26分)

11. 10 入力状態の結合
08:46
12. 11 テキストエリア状態バインディング
03:48
13. json-server をインストールすると
14. 12 json-server 検索
03:49
15. 13 データを DB に保存する
06:54
16. 14 db 実行明細書にスクリプトを挿入する
02:48

セクション 4．React Router でページを追加する

10件 ∙ (56分)

セクション 5．ブログリスト

13件 ∙ (1時間 13分)

セクション 6．ブログ詳細ページ

5件 ∙ (27分)

セクション 7．ブログ編集ページ

6件 ∙ (37分)

セクション 8．ブログリストページの編集

5件 ∙ (18分)

セクション 9．ページネーション

11件 ∙ (1時間 14分)

セクション 10．検索機能

2件 ∙ (18分)

セクション 11．フォームの検証

1件 ∙ (9分)

セクション 12．Toast Notification

10件 ∙ (1時間 38分)

セクション 13．Auth

3件 ∙ (18分)

セクション 14．エラー処理

5件 ∙ (27分)

セクション 15．React Router のアップグレード

1件 ∙ (15分)

講座掲載日:

最終更新日:

受講レビュー

全体

36件

4.7

36件の受講レビュー

kbba785883
受講レビュー 33
∙
平均評価 4.8
5
57% 受講後に作成
インフラのリアクト講座は評価、人気順でほとんど聞いている人です。インフラの講座をたくさん聞いてみると受講評を無視できませんでした。低域では受講評を参考に講座を購読する人の一人ですから。受講坪を書くのはあまり好きではありません。コージーコーダーの受講坪に誰も文がないので、一度書いてみます。短く使うよ〜^^ 30％割引して3万ウォン台に購読中ですが…。講師の言い方が少し苦手で、機械的な言い方ではないので、むしろそれがより長所かもしれませんが、他にもYouTubeに通っている基本的な講座を10万ウォン以上受け取るお金虫が講師たちより、はるかに何百倍も役立つので、聞いてください。
- kossiecoder
  知識共有者
  スカンピョンを残してくれてありがとう^^
songhee63925649
受講レビュー 3
∙
平均評価 5.0
5
100% 受講後に作成
急いでリアクトを勉強しなければならない状況で、ちょうどリアクトだけに集中できるように教えてください！もともとレビューはうまくいきませんでした。本物のギザギザなしでリアクトに集中して基本CRUDを作れるようになりますねもっと多くの講義を作っていただきたいです！ありがとうございます！次回もリアクト講義出てきたら無条件で購入しそうです！とても満足
- kossiecoder
  知識共有者
  スカンピョンを残してくれてありがとう^^
smudia02240
受講レビュー 2
∙
平均評価 5.0
5
11% 受講後に作成
と今まで聞いた講義の中でジェルのお金がなくなっていますね。まだ序盤ではありますが、プロジェクトをしながらすぐに適用するので理解しやすかったです。ベリーグッド
- kossiecoder
  知識共有者
  スカンピョンを残してくれてありがとう^^
pol10178755
受講レビュー 5
∙
平均評価 5.0
5
100% 受講後に作成
ゆっくり説明してくださってご理解いただきます。
- kossiecoder
  知識共有者
  スカンピョンを残してくれてありがとう^^
rth634
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
映像の途切れる部分.. 重複する部分が解決されればすっきりと良い講義でした.. 1.5 頑強しました。
- kossiecoder
  知識共有者
  映像作って確認をすると言いましたが、繰り返される部分がありましたね申し訳ありません繰り返し再生される部分はすべて修正しました。講座作成時に私が初めて勉強したときに混乱する部分をできるだけ詳しく説明し、初めてリアクトに触れる方に役立つように作ろうと努力しました。繰り返し再生された部分については、もう一度申し訳ないと申し上げ、楽しいコーディングをしてください。

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

￥23,100

30%

￥4,242

kossiecoderの他の講座

知識共有者の他の講座を見てみましょう！

プロジェクトで学ぶVue.js 3

kossiecoder

Vue.js 3の使い方を学び、プロジェクトに適用しながら習得するのに役立ちます。

초급

Vue.js, Vuex, Web Application

プロジェクトで学ぶVue.js 3

kossiecoder

似ている講座

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

TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に

sucoding

React 19の最新機能をTypeScriptと共に学ぶReact完成講座！基礎から状態管理(Context, Redux Toolkit, Zustand)、API通信(Fetch, Axios)、最新Hooks(use, useActionState, useOptimisticなど)、実践プロジェクトまで、じっくりと習得し、実務にすぐに適用できるReactアプリを作成できるようになります。

입문

React, react-router, redux-toolkit

TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に

sucoding

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。文書の重要な部分だけがコックを拾い、分かりやすく伝えます。実戦に必要な内容も一緒にお知らせする講義です！

입문

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

ES6文法と組み合わせたモダンJavascript（JavaScript）高度なPart.2

usefulit

JavaScriptプログラミング言語を最新のES6文法で学習するように企画されたコースです。

중급이상

JavaScript, ES6

ES6文法と組み合わせたモダンJavascript（JavaScript）高度なPart.2

usefulit

コードで学ぶReact 19 with スプリングブートAPIサーバー

zk202308a5410

スプリングブート（Spring Boot ver3.4.x）で制作されるAPIサーバーと React 19 (with TypeScript) 連動プロジェクト完成！バックエンドポートフォリオにフロントエンド適用！実務者を対象に作成された講義（初級者用講義ではありません。）

중급이상

React, TypeScript, Spring Boot

コードで学ぶReact 19 with スプリングブートAPIサーバー

zk202308a5410

リアクトフック（React Hook）で作成するWebアプリ

kwangsung

モダンなフロントエンドフレームワークの中で最も人気のあるReact（リアクト）が、学ぶのは難しいです。これを解決するためにフックが出ました。このレッスンでは、フックを使ってReactを簡単に学ぶのに役立ちます。

초급

React, Web Application

リアクトフック（React Hook）で作成するWebアプリ

kwangsung

TypeScript 入門 - 基礎から実践まで

captain

TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

초급

TypeScript, ES6, JavaScript

TypeScript 入門 - 基礎から実践まで

captain

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

초급

Clone Coding, Node.js, React

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

ThreeJSとSpringAIで作る3D地球儀記事サービス

Neo

ThreeJSとSpringAIで作る3D地球儀記事サービス自分だけのチャットボットとThreeJSを通じて3D地球儀記事サービスを作ってみましょう!!

초급

React, Kotlin, Spring Boot

ThreeJSとSpringAIで作る3D地球儀記事サービス

Neo

ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）

aftercamp

Reactレンダリングの原則、最適化を習得し、実践的な活用とインタビューの準備をしましょう！

중급이상

React, react-usememo, Tech Interview

ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）

aftercamp

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

초급

React, Blog, Next.js

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

フォローして学ぶウェブゲーム

John Ahn

このレッスンを通して、Webゲームをどのように開発するかを知ることができます。

중급이상

React

フォローして学ぶウェブゲーム

John Ahn

# [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