강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

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

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

  • jeonghwan
실습 중심
실무
핵심원리
React
MVC
JavaScript
Web Application

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

受講後に得られること

  • ウェブアプリケーション開発演習を通して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を使ったことはあるけれど、一体何が良いのか具体的に説明するのが難しい方々

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

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

こんにちは
です。

13,969

受講生

884

受講レビュー

595

回答

4.8

講座評価

9

講座

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

カリキュラム

全体

96件 ∙ (8時間 44分)

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

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

受講レビュー

全体

119件

4.8

119件の受講レビュー

  • pyw82061918님의 프로필 이미지
    pyw82061918

    受講レビュー 8

    平均評価 5.0

    5

    100% 受講後に作成

    I already have development experience participating in a React project, but it's been a while, and taking the lecture again helped me a lot in studying the basics. Thank you.

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

      受講レビュー 3

      平均評価 5.0

      5

      100% 受講後に作成

      I had a hard time figuring out how to start studying React for the first time, but I got a lot of help thanks to the concise lecture structure. Since each lecture and the entire lecture structure are not long, I think I can watch it over and over again, which is also an advantage :) On the other hand, since you also covered vanilla JavaScript, it was easy to understand what kind of problems React was a framework that appeared to solve. However, both are still difficult.. ㅎ_ㅎ From now on, I will watch it over and implement it several times to solidify the basics of front-end development. Thank you for the great lecture.

      • 04209904047님의 프로필 이미지
        04209904047

        受講レビュー 9

        平均評価 4.8

        4

        100% 受講後に作成

        - Pros!!! 1. The lecture covers all the contents covered in the "Main Concepts" of the React official documentation. Rather than simply learning from the official documentation, I was able to deeply understand the necessity of each concept by learning while creating. 2. I was able to learn why this method is less recommended by using even the contents that were not mentioned in the official documentation because they were judged to be less important. 3. I was able to learn about the necessity of abstraction beyond the simple concept of React. - Not a con.. but something that was difficult during the lecture!!! 1. As someone who has a weak understanding of the MVC pattern and abstraction, when I first heard the vanilla JS part, I was shocked by the code. => The code was too difficult for me. ㅠ.ㅠ However, if you endure it and write the logic on paper and make the code your own, you will find yourself growing little by little. If you are a student who is having the same difficulties as me, if you look at the React part first and then approach the Vanilla JS part, you will be able to understand the code more easily. At least I did. - Overall!!! Honestly, I used React, but my skills were shallow, like floating on a bubble, but through this lecture, I was able to understand React more deeply. I recommend it to everyone who is starting React.

        • jeonghwan
          知識共有者

          I was also worried that the first half would be difficult while preparing for the class. It really is difficult. Thank you for listening to the end though.

      • wepungsan님의 프로필 이미지
        wepungsan

        受講レビュー 36

        平均評価 5.0

        5

        100% 受講後に作成

        I recommend it. This is a comprehensive lecture on React concepts. It does not cover React hooks very much. React hooks are covered in Part 2, so please refer to it.

        • jeonghwan
          知識共有者

          Backend developer, thank you for your feedback. Have a nice day.

      • kkhkim20027309님의 프로필 이미지
        kkhkim20027309

        受講レビュー 2

        平均評価 5.0

        5

        100% 受講後に作成

        It's a good lecture, but... it's a bit difficult... I guess I'll have to repeat it... Fighting!

      ¥6,879

      jeonghwanの他の講座

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

      似ている講座

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