강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

[React 第1部] 作って比較しながら学習するReact

今こそReactをしっかり学びましょう。純粋なJavaScript方式と比較しながら、Reactの特徴と役割を最も簡単に理解できる講座!

難易度 初級

受講期間 無制限

  • jeonghwan
React
React
MVC
MVC
JavaScript
JavaScript
Web Application
Web Application
React
React
MVC
MVC
JavaScript
JavaScript
Web Application
Web Application

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

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

4.8

5.0

mosara999

100% 受講後に作成

良い講義をありがとうございました。 開発初心者の立場から講義を受講し、一度の完走だけでは講義に込められた内容をすべて消化することはできませんでした。 それでも全体的な講義の流れが良くて、退屈することなく内容についていくことができました。 提供していただいたリアクト2編もしっかり聞かせていただきます。 改めて良い講義を提供していただき、ありがとうございます。

5.0

jaeu choi

100% 受講後に作成

本当に悩みをたくさんした講義だと感じられます。序盤にMVC-バニラジャバスクリプト部分がより良く感じられました。なぜならリアクトは使い方だけをすぐに学び、すぐに使うことができるので、JavaScriptだけでMVCパターンを実装する例を見つけるのが難しかったからです。 だから比較群を置いて徐々に同じUIをリアクト化させていくのが印象的で、その部分が良い講義だと感じられました。ところがその個人的にはむしろリアクトよりMVCパターンとOOPがもっと好きで惹かれるきっかけになりました。

5.0

장승요

100% 受講後に作成

私が見たフロントエンド講義の中で最高水準だと思います。問題になる可能性のある状況に関する講師の細かい説明と、既存のリアクト講師には見づらい「基礎」や「バニラ」の重要性について強調するなど、本当に共感になります。

受講後に得られること

  • ウェブアプリケーション開発演習を通してReact.jsのコア理解

  • 純粋JS開発とReact開発の比較

  • 実習を通したデザインパターン適用の利点

フロント実務最高人気リアクト(React)、
川のひとつでしっかりつかみましょう! 🚩

もし、こんな悩み中なら注目!

ケース1
リアクトが一番人気なんですけど、どこから始めるのかわかりません!

「フロントエンド採用市場で最も人気の高いツールであるリアクト、
しかし、いざ始まろうとしたら、どこからどうすればいいのか感が出ません。」

ケース2
私のリアクト開発プロセスについては確信がありません。

「リアクトを活用してとにかく開発を行ったが、
この方法が果たして効率的であるかどうか感はありません。


リアクト基礎から本番まで、しっかりお知らせします🎯

あの話。私の話みたいなんですか?
この講義の目標は次のとおりです。

  • 結果をJSとリアクトバージョンにし、リアクトの役割と利点を一目でわかります。
  • 実習アプリケーションコーディングと12回の課題を通じて理論を体と頭に身につけることができます。

こんな方が聞くといいですね! 🧑‍🎓

  • リアクトの公式文書を読んだら、まだどこから始めるべきかはっきりとした乱感のタイプ
  • 理論ではなくハローワールドで始まることを好む実行の種類
  • リアクトを使ってみましたが、一体どんな点がいいのか、必ずわかって説明しにくいアルソクダルソットタイプ

私の講義だけの特徴😎

  • React.jsの特徴を明確に理解できます!
    • 純粋なJavaScriptとリアクトの開発を比較しながら、リアクトの特徴をより確実に理解してください。
  • リアクト公式文書を元にした密度のある授業!
    • リアクト公式文書が語る主な概念に基づいて構成された「リアクトコアクラス」です。
  • 徹底した実習中心の講義です!
    • ショッピングモールの検索画面を直接コーディングしながら作成し、12の実習課題を解決しながら身につけることができます。
  • 各映像ごとにGit Branchを用意しました。
    • 実習中に追いつきにくくなったり、実習なしで授業される方のために映像ごとに羽枝を用意しました。
    • 映像ごとに使ったコードをブランチ移動で簡単に見ることができますよ。
  • 復習後すぐに見ることができる講義ノートを提供!
    • 授業で使った講義ノートは全部ブログで入手できますよ。
    • 授業前に全文を軽く読んで始めるといいですね。
    • 授業後も読めばもっといいですよ。

こんな内容を学びます📖

  1. 準備編
    • デザインと要件分析文書を見ながら、授業で作る成果物のあらかじめ紹介します。
    • 純粋なJavaScriptとMVCデザインパターンで結果を作成し、UIライブラリの必要性に気づきます。
  2. 紹介編
    • リアクトのリアクティブと仮想ドームの概念を紹介し、リアクトを使う理由を知っています。
    • リアクト開発に使用されるいくつかのツールの役割と使い方を習得し、実習を準備します。
  3. 使い方1
    • リアクトを利用して結果物を再び最初から実装しながらリアクトの基本概念を習得できます。
    • State、イベント処理、条件付きレンダリング、フォーム、リストとキーなど、リアクトのコア原理を理解できます。
  4. 使用編2(コンポーネント)
    • リアクトコンポーネントを紹介し、前編で作った結果物をリアクトコンポーネントに改善します。
    • クラス/関数コンポーネント、Stateプルアップ、継承、組み合わせなどのコンポーネントを扱いながら遭遇する問題を学ぶことができます。

基本画面

検索結果画面

最近のクエリ画面

次の講義


[リアクト2部]高度なテーマとフック

私を紹介します🧑‍🏫

キム・ジョンファン

ウェブ技術を学び整理するのが好きな実務開発者
Web技術や開発者としての考えを込めた技術ブログを運営しています。

学習した技術と実務で学んだノウハウを集めて発表や講義形式で共有する活動もしています。

優雅な兄弟たちでフロントエンド開発者として働いています。

リアクト技術に関するコンテンツも作成しました。


受講生の方のためのQ&A 🙋

Q. 非専攻者も聞ける講義ですか?

いいえ。Web開発の経験は少し必要です。

Q. なぜリアクトを学ぶべきですか?

最近の採用市場では、モダンなWebフレームワークの知識を持つ開発者を探しています。

最も人気のあるリアクト技術の能力を備えているなら、多くの企業が探している人材になることができるでしょう。

Q.リアクトを学ぶと何がいいですか?

ユーザーインターフェース開発に関する共通の問題をリアクトがかなり部分解決してくれます。

開発者は、もう少しビジネスロジック開発に集中でき、迅速に製品を作り出す力を得ることができます。

Q. 講義を聞く前に、準備すべきことはありますか?

一度でもWeb開発の経験がなければ授業を聞く意味があります。

HTML、JavaScript文法を熟知しているという前提で授業を進めるからです。

まだウェブ基礎が不足している方は、まず学習してから受講していただくことをお勧めします。

Q. 授業内容をどのレベルまで扱いますか?

リアクト公式文書の主な概念と上級ガイドの一部をもとに準備した内容です。

リアクトの中核と言えるところを扱っています。

Q. 受講に関する注意事項はありますか?

クラスで使用できるツールは4つあります。Node.js、開発エディタ、Webブラウザ、Git。

プレビュークラスでも確認できます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • React公式ドキュメントを読んだものの、未だにどこから始めれば良いか分からない方々

  • 理論よりも「Hello world」(実習)から始めるのを好む方々

  • Reactを使ったことはあるけれど、一体何が良いのか具体的に説明するのが難しい方々

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

  • ウェブ開発に関する基礎知識

こんにちは
です。

14,077

受講生

888

受講レビュー

595

回答

4.8

講座評価

9

講座

授業中に気になった点は質問事項に投稿してください。
毎日一度ずつ確認し、回答いたします。

カリキュラム

全体

96件 ∙ (8時間 44分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

120件

4.8

120件の受講レビュー

  • pyw82061918님의 프로필 이미지
    pyw82061918

    受講レビュー 8

    平均評価 5.0

    5

    100% 受講後に作成

    すでにreactプロジェクトに参加した開発経験がありますが、少し時間が過ぎたりして、もう一度講義を聞きながら基礎勉強をするのに多くのお役に立ちました。 ありがとうございます。

    • 9ma님의 프로필 이미지
      9ma

      受講レビュー 3

      平均評価 5.0

      5

      100% 受講後に作成

      リアクトを初めて勉強し、どのように始めるのか難しいことがありましたが、簡潔に講義を構成してくださったおかげで多くの助けを受けています。ある講義党、そして全体の講義構成が長くないおかげで何度も何度も何度も見られそうな点もメリットです:) 一方、バニラのJavaScriptも扱ってくれたので、リアクトがどのような問題を解決するために現れたフレームワークなのかを把握することが容易になりました。しかし、まだ両方とも難しいのは同じですね..ㅎ_ㅎ その後も何度も見て実装していき、フロントエンド開発の基礎をよく固めるようにしなければなりません。 良い講義ありがとうございます。

      • 04209904047님의 프로필 이미지
        04209904047

        受講レビュー 9

        平均評価 4.8

        4

        100% 受講後に作成

        - 利点! 1. 講義でReact公式文書の "主な概念"で扱うすべての内容を扱う。 2. 公式文書には重要性が落ちると判断したのか、大きく言及せずに進む内容まで使ってみて、なぜこのような方法があまり推奨されないのかについてもわかった。 3. 単に、リエクトラという概念を超えて抽象化の必要性についても学習できた。 - 欠点ではなく..講義中難しかった点!!! 1. MVCパターンと抽象化に対する理解度が弱い筆者は、バニラJSパーツ初めて聞いたとき、コードを見て激しいヒョンタがやってきた。 =>私のレベルでは、コードはとても難しかったㅠ。 だが、クンビョン我慢しながら、紙でロジックを書いてコードを出して作れば、ますます成長していく自分の姿を発見することができる。 もし、私のような難しさを経験する受講生であれば、リエクト編を先に見て、バニラJS編に近づいてみると、より簡単にコードが理解できる。 - 総評!!! 正直、リアクトを使うことはしたが、私の実力は泡の上に浮いているように深さがなかったが、この講義を通じて、リアクトをより深く理解することができた。

        • jeonghwan
          知識共有者

          私も授業準備しながら序盤部が難しくなるような懸念をしました。大変そうですㅜㅜそれでも最後まで聞いてくれてありがとう。

      • wepungsan님의 프로필 이미지
        wepungsan

        受講レビュー 36

        平均評価 5.0

        5

        100% 受講後に作成

        おすすめです。 リアクトの概念について総合的に扱う講義です。 リアクトフックまではあまり扱いません。

        • jeonghwan
          知識共有者

          バックエンド開発者のフィードバックを残していただきありがとうございます。良い一日をお過ごしください。

      • kkhkim20027309님의 프로필 이미지
        kkhkim20027309

        受講レビュー 2

        平均評価 5.0

        5

        100% 受講後に作成

        良い講義ですが…少し難しいです。

        • jeonghwan
          知識共有者

          ありがとうございます。

      ¥6,801

      jeonghwanの他の講座

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

      似ている講座

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