(2025 最新アップデート) React:フロントエンド開発者への最終ステップ

フロントエンド開発者になりたい方にとって必須課程であるReactを学び、ポートフォリオプロジェクトまで作ることができます。

難易度 初級

受講期間 無制限

React
React
Redux
Redux
Web API
Web API
React
React
Redux
Redux
Web API
Web API

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

4.7

5.0

연어와아아앙

100% 受講後に作成

数百万ウォンの3ヶ月のブートキャンプよりもはるかに良く、基本的にしっかりと握ってください。 そしてReduxが理解できなかったのですが、ここで概念すべてを捉えました。 \(❁´◡`❁)/ 残念なことは特にありませんが、本当にあえて〜〜 1. styled-componentsではなくCSS 2. reduxのアップデートと推奨事項(本当の問題はありません。 3. [サッと初心者基準] すべて教えてくれる講義ではない → 残りの機能本人が作らなければならない(ちょっと多い) → 返信 旗ハブ 参考できない(特に、初心者なら! 私は私の方法で(関数型バージョン&推奨ライブラリを使用せず、元々使用していたライブラリを使用&モバイルレスポンス&プライベートポートフォリオ)機能をすべて作成しましたが、ヘディングされる方ならオススメ..! ✨ただし、このような場合は別の講義を見てください。 (リアクトサット初心者基準)✨ 1. 私は最初から一緒に従いながらやろうとしましたが? 2. 私は答えを見ながら分析しなければわかりませんか?

5.0

Yun hyunwook

100% 受講後に作成

レアルはあなたが好きです~~

5.0

e89cokr

57% 受講後に作成

リアクトの概念をつかみます。この講義を聞いて、いくらでも応用が可能だと思います。 クラスコンポーネントと関数型コンポーネントの違いとライフスタイルを正確に知らせます。 ルータ、Reduxを理解するのに多くの助けになります。 良い講義ありがとうございます。

受講後に得られること

  • React (router, lifecycle, state ...)

  • Redux (redux middleware)

  • Zustand 状態管理

  • Tanstack Query (非同期呼び出し管理)

  • React Router

2025年新規アップデート!😄
退屈する暇のない、超楽しいReact講義!

私の講義へようこそ!

こんにちは、コーディングを教えるお姉さんです!

ついにJavaScript講座に続くReact講座が登場しました。
フロントエンドエンジニアを目指している方👨‍💻、または今最もホットな🔥フレームワークであるReactを学んでみたい方のための講座です。.

多くの企業がReactを使用しています。それほどフロントエンド開発者にとってReactは必須条件となりました。JavaScriptを超えた深化過程であるだけに、その内容も決して簡単ではありません。
ですが、皆さんが意志と努力さえ持ってきてくだされば、残りは私がガイドします😉

ちょっと待ってください! この講義は基本的にJavaScriptへの理解が必要です。
もしJavaScriptをご存知ない方は、<JavaScript:基礎から実践までオールインワン> 講義を確認してください!


何を学びますか? ✨

リアクト

フロントエンド開発で最も多く使われているReact!

フロントエンド開発者になるための必須のReactコンセプトを
多様な例題とともに学びます。

 

状態管理ライブラリ

現場で最も多く使われている状態管理ライブラリであるZustandReduxの両方を学びます!

(両方学べるのはここだけかも?)

 

Tanstack Query

APIを呼び出す最も有名なライブラリであるTanstack Queryを通じて、非同期呼び出しを効率的に扱う方法について学びます。

(Zustandと使えば最もトレンディな組み合わせ!)

 

Reactライブラリ

リアクト開発でよく使われる様々なリアクトライブラリをすべて!お教えします!

さらに、どのように自ら選択し、使用するのかまで!

 

自ら解決する能力

コードを単純に書き写すのではなく、

様々な課題を通じて、自ら開発していく能力を養います。

 

5つのプロジェクト

一つを学ぶにしても、楽しくてためになるように!

ネットフリックス、ショッピングモール、じゃんけんゲームなど、Reactの核心コンセプトを盛り込んだ
5つのプロジェクトを進行します。


 

直接作りながら学ぶ
5つの核心プロジェクト!

最初のプロジェクト:じゃんけんゲーム

2番目のプロジェクト:天気アプリ作り

三番目のプロジェクト:ショッピングモールサイト制作

4番目のプロジェクト:連絡先ページ作り

最後のプロジェクト:Netflix作り

 

このような方におすすめです!

  • 退屈なコーディング講義が嫌いな方:開発者にしかわからない難しい説明はNO!何も知らなくても理解できる講義をお探しの方
  • フロントエンド開発者になりたい方: HTML/CSS、JavaScriptは知っているけれど、フロントエンド開発者になるために何が必要かわからない方
  • 作りながら学びたい方: 一方的に聞くだけの講義ではなく、実際に取り組める多様な問題や課題を通じて、自ら作りながら学ぶことを楽しみたい方

講義が終わった後、
このような姿を期待できます。

Reactを利用したプロジェクトを自力で作れるようになります。

最近最もトレンディな組み合わせであるZustand + TanstackQueryで、状態管理 + 非同期呼び出し管理

5개의プロジェクトを通じた実践開発能力UP! through 5 projects!


知識共有者
コーディングを教えるお姉さん
✒️

  • 🚀 海外のブートキャンプ講師として2年間勤務し、100名を超える文系の学生たちを教えてきた経験をもとに、皆さんに最適なティーチング方法で知識を伝えます。
  • 🧐 ウェブ開発者として6年間勤務し、檀国大学校のコンピューター工学科を首席で卒業しました。
  • コーディングを教えてくれるお姉さん YouTubeチャンネルを運営しており、コーディングを学びたい方々のための無料クラスや情報を共有しています。

平均評価5.0★のレビューが証明しています。

入社3ヶ月目の初級開発者です。講義楽しく拝見しています。中級、上級まで一生懸命走り抜けます。

とても楽しいです。退屈な授業がこんなに面白くなるなんて、初心者が見ればすぐに理解できます(笑)

完走まで、簡単かつスピーディーに学習することができました : )

入社したばかりの初級開発者ですが、とても楽しく修了できました。

JavaScript:基礎から実践までオールインワン 講義に残していただいた受講レビューです 💌


予想質問 Q&A 💬

Q. 講義を見ていて質問ができました!

お姉さんが運営するSlackチャンネルで、いつでもお気軽に質問してください!

Q. 1:1個別コーチングも受講料に含まれていますか?

A. 該当する受講料には個人コーチングの価格は含まれておりません 😣 ですが、受講中に質問がある場合は、いつでもSlackコミュニティを利用してください!皆さんの仲間、またはこのお姉さんが回答します!👨🏿‍🤝‍👨🏿

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptの基礎知識がある人

  • フロントエンドエンジニアを志望する人

  • 素敵なポートフォリオを作りたい人

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

  • JavaScript

こんにちは
codingnuna10082706です。

1,086

受講生

112

受講レビュー

79

回答

4.8

講座評価

2

講座

カリキュラム

全体

119件 ∙ (17時間 46分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

43件

4.7

43件の受講レビュー

  • e89cokr5994님의 프로필 이미지
    e89cokr5994

    受講レビュー 13

    平均評価 5.0

    5

    57% 受講後に作成

    リアクトの概念をつかみます。この講義を聞いて、いくらでも応用が可能だと思います。 クラスコンポーネントと関数型コンポーネントの違いとライフスタイルを正確に知らせます。 ルータ、Reduxを理解するのに多くの助けになります。 良い講義ありがとうございます。

    • yhu53258333님의 프로필 이미지
      yhu53258333

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      レアルはあなたが好きです~~

      • 105k님의 프로필 이미지
        105k

        受講レビュー 24

        平均評価 4.9

        5

        100% 受講後に作成

        数百万ウォンの3ヶ月のブートキャンプよりもはるかに良く、基本的にしっかりと握ってください。 そしてReduxが理解できなかったのですが、ここで概念すべてを捉えました。 \(❁´◡`❁)/ 残念なことは特にありませんが、本当にあえて〜〜 1. styled-componentsではなくCSS 2. reduxのアップデートと推奨事項(本当の問題はありません。 3. [サッと初心者基準] すべて教えてくれる講義ではない → 残りの機能本人が作らなければならない(ちょっと多い) → 返信 旗ハブ 参考できない(特に、初心者なら! 私は私の方法で(関数型バージョン&推奨ライブラリを使用せず、元々使用していたライブラリを使用&モバイルレスポンス&プライベートポートフォリオ)機能をすべて作成しましたが、ヘディングされる方ならオススメ..! ✨ただし、このような場合は別の講義を見てください。 (リアクトサット初心者基準)✨ 1. 私は最初から一緒に従いながらやろうとしましたが? 2. 私は答えを見ながら分析しなければわかりませんか?

        • codingnuna10082706
          知識共有者

          こんにちは最後の課題を除いては各プロジェクトごとに完全な完成プロジェクトの旗ハブリンクがあり、コード参照可能です!

      • hght123007님의 프로필 이미지
        hght123007

        受講レビュー 1

        平均評価 4.0

        4

        100% 受講後に作成

        私はRedoxの講義を見ていますが、私は現在やっているとは少し違うと思います...講義に出てきたようにしました

        • codingnuna10082706
          知識共有者

          こんにちは! redux toolkit講義も一緒に更新しました!

      • whomi님의 프로필 이미지
        whomi

        受講レビュー 1

        平均評価 2.0

        2

        77% 受講後に作成

        オンラインレッスンで最も脆弱な部分は、質問がリアルタイムで行われにくいことを考えると、2ヶ月という時間が経過するような疑問に答えることはできません。 質問を頻繁に必要とする初心者であれば、個人的にこの講義をお勧めしません。

        • codingnuna10082706
          知識共有者

          こんにちは速い答えをしたい場合は、私のスラックチャンネルをご利用いただきありがとうございます!

      似ている講座

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

      ¥19,895