강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

やるこの最も簡単なリアクト(React)

説明隊長ヤルコーの濃密な講座で、最も簡単に、最も早くReactを学びましょう!

  • yalco
이론 실습 모두
유튜버
JavaScript
React
Node.js
Web Application

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

こんなことが学べます

  • リアクトの核心概念と主な機能

  • ウェブアプリケーション動作原理、Node.jsなど背景知識

  • 最終プロジェクトを通じた実務知識とコツ

  • リアクト理解に必要なジャバスクリプト知識

🇰🇷 This course is designed for Korean-speaking learners. If you speak English, Japanese, Vietnamese, or any other language, please take the course available at the link below.

https://inf.run/FTpMS

💬コメントして半額で受講するイベント進行中!
下のYouTube映像(本講義の無料パート)に力になってくれるコメントをつけてくれた後(一行も大丈夫です)
yalco@yalco.krでスクリーンショットをお送りください。半額クーポンをお送りします。
ビデオリンク: https://youtu.be/aC55WY8jxX0

🪙 10万ユーチューバーヤルコが教えてくれるリアクト

リアクト(React)は、ウェブページを迅速かつ効率的に作ることができる強力なツールで、多くの企業や開発者に愛されています。

コーディングコンテンツ蒸し古人物、説明台帳ヤルコがリアクトを地球で最も簡単にお知らせします。

人生は短く、あなたの時間は大切です。

AIでコーディングする時代!

今、あなたが学んだ汗コードを書く能力ではなく、使用する技術の重要な概念と機能をすばやく習得し、AIに何をするかを決定する能力が重要です。

一瞬の無駄もない大胆な圧縮講義を通じて、リアクトプログラミングに必要なすべてのコア知識を迅速かつ簡単に習得してください!

🎓大学の電子メールアカウントをお持ちですか?

👉ヤルコ講義大学生割引

🎊リアクト19の最新の機能と修正が反映されています。

この講義の特徴

ヤルコの講義は違います。

説明隊長ヤルコが伝えるリアクト

どんな難しくて複雑な概念も知っているヤルコが苦労した例を使って、リアクトのプログラミングを簡単かつ迅速に学ぶことができます。

JavaScriptの初心者も👌

リアクトで活用されるJavaScriptの文法や概念の中で初心者が分からない部分を講義の途中で簡単かつ明快にお知らせします。

視覚資料による豊富な説明

髪が痛くて退屈な様々なコンセプトや原理を、すっきりとしたカラフルなアニメーションで目が楽しくお知らせします。

目と耳と手が快適な映像

すべてのシーンのセリフが字幕として提供され、画面上で言及されているコードは強調表示されます。

1秒の無駄もない錆びさ、ぎっしりと押し込んだおしゃれさ

コードを入力する過程が省略され、ランニングタイムが短くても、字幕とハイライトが常に提供され、映像に追いにくくないように設計しました。

すべての練習サンプルコードを提供

講義のサンプルコードはNotionページにアップロードされています。

このようなことを学びます。

フロントエンド開発の重要な概念

「なぜ学ぶのか」を知ることが大切です。

リアクトプロジェクトの構造と原理

Node.jsとバンドラーを使用してプロジェクトを構築および実行する方法、テストモードとデプロイメントの概念、リアクトアプリケーションの構成など、リアクト開発に必要な知識があります。

コンポーネントレンダリングの基礎

コンポーネントでアプリケーションを構築し、JSXを活用して必要な要素をレンダリングする方法、条件付きレンダリングとリストレンダリングを使用してデータを効率的に視覚化する方法を学びます。

データとイベントを扱う

Stateを使用して状態を管理し、Propでコンポーネント間でデータを共有する方法、さまざまなイベントを処理し、Reducerでロジックを分離する方法など、さまざまな例を参照してください。

各種リアクトフック

リアクトに組み込まれているか、ユーザーが直接作成したフックを介してアプリケーションの状態とライフサイクルを制御し、必要な機能を自在に駆使できる知識と能力を備えています。

最適化、コンテキスト、ルーティング

不要な操作を最小限に抑える方法、目的の範囲内で共有されるデータをコンテキストで管理する方法、ルーティングを通じて複数のページとパラメータを処理する方法を学びます。

ファイナルプロジェクト

本のリストを管理するフロントエンドアプリケーションを作成します。前に学んだ概念を均等に活用して、各機能が実務でどのように使用されるかを知ることができます。
レッスンが提供するテストサーバーにリクエストを送信し、データの読み取り、書き込み、変更を行うことで、実務開発を事前に体験できます。

質問がありますか?

Q. HTML、CSS、JavaScriptをどれだけ知っておくべきですか?

HTMLとCSSは基本機だけを装備すれば十分です。特にCSSの場合は、このレッスンで直接書く必要はなく、例にコードがあらかじめ書かれています。
JavaScriptの場合はよく知っているほど良いですが、文法知識が不足している方が難しくなる可能性のある部分は講義で途中で説明します。そのため、JavaScriptも基礎部分を身につけているのであれば、特に難しいことなくこの講義を受講することができます。

Q. 全体の講義時間が4時間ほどですが、短いか不足しませんか?

コードをタイプする過程など、知識伝達以外の要素を最大限に蹴って映像を制作したため、講義する分量に比べて全長は短いです。 8~10時間以上の他一般講義で伝達する分量の知識を半分以下の時間に圧縮しながらも、すべての場面での字幕とコードハイライティングを通じて受講に困難は経験しないように注意を払って作りました。

受講前の注意

練習環境

  • オペレーティングシステム:Windows、macOSすべて利用可能

  • インストールする:Node.js、VS Codeなどのコードエディタ

学習資料

  • 提供する学習資料の形式(PPT、クラウドリンク、テキスト、ソースコード、アセット、プログラム、サンプルの問題など)

  • 分量と容量、その他の学習資料の特徴や注意事項など

選手の知識と注意事項

  • HTML、CSS、JavaScriptの基本

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発者を志すすべての皆様

  • HTML, CSS, JavaScriptの基礎課程を修了された方々

  • 素晴らしいアイデアをWebアプリとして実現したい方々

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

  • HTML、CSS、JavaScriptの基礎知識

こんにちは
です。

30,123

受講生

1,541

受講レビュー

85

回答

4.9

講座評価

17

講座

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

カリキュラム

全体

31件 ∙ (4時間 10分)

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

受講レビュー

全体

109件

4.9

109件の受講レビュー

  • 종근님의 프로필 이미지
    종근

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    유튜브 영상의 무료 파트를 보고 군더더기 없고 쉬운 설명에 1월 강의 오픈을 기다리다 이제야 모두 수강 하였습니다. 매우 만족스럽고 도움이 많이 되는 강의였습니다. 다음 강의도 기대하겠습니다. 감사합니다.

    • 얄팍한 코딩사전
      知識共有者

      강의가 도움되어드려 정말 기쁩니다! 앞으로도 더 좋은 컨텐츠 만들겠습니다. 감사합니다!

  • silverhozan님의 프로필 이미지
    silverhozan

    受講レビュー 8

    平均評価 4.9

    5

    43% 受講後に作成

    영상이랑 퀄리티가 진짜 미친듯 다른강의는 이제 못듣겠네요

    • 얄팍한 코딩사전
      知識共有者

      감사합니다! 남은 과정 중 어려운 부분 있으면 언제든 질문주세요!

  • seungtae.moon62님의 프로필 이미지
    seungtae.moon62

    受講レビュー 1

    平均評価 5.0

    修正済み

    5

    37% 受講後に作成

    리액트의 핵심을 설명해줘서 가장 빠르게 습득하고 직접 개발에 적용하기 수월했어요. 타 강의에 비해 많지 않아 부담이 없고, 해당 강의만 듣고 바로 프로젝트에 투입되기 충분했습니다.

  • harbinger님의 프로필 이미지
    harbinger

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    리액트를 가벼운 책을 통해서 혼자 학습하고, 실습도 해봤지만 뭔가 답답한 것이 있어서 복습할 겸 강의를 구매했습니다. 공부했던 것들을 되새김질하면서 다시 개념을 잡았고, 코드를 입력할때도 단순하게 따라 치는게 아니라 구조를 생각하면서 입력하니까 나름 공부에 도움이 되었습니다. 나중에 리액트 중급 이상 강의도 개강하신다면 볼 의향이 있네요. 감사합니다.

    • 얄팍한 코딩사전
      知識共有者

      열심히 준비한 내용들이 도움되어드려 기쁩니다! 감사합니다!!

  • 라라올라님의 프로필 이미지
    라라올라

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    유튜브 무료편 보고 컴팩트하지만 알찬 내용이 너무 좋아. 유료파트까지 완강하게 되었습니다! 리액트로 프로젝트를 해본 경험이 있음에도 불구하고 마지막 파이널 프로젝트는 얻어갈 내용이 정말 많았습니다. 첫술에 배부를 수는 없으니 틈틈히 반복 수강해 제것으로 만들어야겠네요. 타입스크립트나 넥스트 강의도 부탁드립니다!

    • 얄팍한 코딩사전
      知識共有者

      감사합니다!! 강의가 도움되어드렸기를 바랍니다. 타입스크립트 강의도 얼른 준비하겠습니다!

¥4,016

yalcoの他の講座

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

似ている講座

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