Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

React を完全にマスターする: useHoooooook

広くて深く、React の状態とフックを詳しく学ぶことができます。 React 公式ドキュメントの 95% 以上をカバーします。この講座で React を終了できます。

  • tonextday
프론트엔드
hook
리액트
React
JavaScript
DOM

こんなことが学べます

  • React 状態

  • React フック

  • コンポーネントの作成方法

  • React パラダイム

  • React コードのリファクタリング方法

  • React と外部システムの接続

  • シナリオで開発する方法

クーポン割引

44,000ウォンを16,500ウォンに割引します。

クーポン番号: https://inf.run/KYrH7


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

Reactは宣言型の方法でUIを実装します。

宣言型と命令型コードの形式を理解することで、Reactに最適なコードを書くことができます。
命令型の形式を説明します。
宣言型メソッドの手順をチェックリストに従い、コードと共に説明します。完全にReactに最適な宣言型方法を私のものにすることができます。

Reactでは、stateはデフォルトのデフォルトです。

ステートを構造化する原則に従い、コードとともに説明します。
完全にReactの複雑な状態構造をシンプルにする概念を確立できます。

Reactは様々なフックを提供しています。

正確にフックを理解する必要があり、目的に合わせてフックを使用することができます。
React公式ドキュメントのすべてのフックをさまざまなコード形式を提示し、説明します。

まずシナリオを作成し、
これに基づいて、Reactアプリを開発する方法を学ぶことができます。

旅行に行くにはまず旅行計画を立てる必要があるように、プログラム開発もまずユーザーとシステムが対話するシナリオを作成する必要があります。
旅行計画に従って旅行するように、シナリオに従ってプログラムを開発する必要があります。
目的地によって計画が異なるように、開発環境によってシナリオが異なります。
React環境に合ったシナリオを作成する方法とシナリオに従い、Reactコンポーネントを開発する方法を学ぶことができます。

一度に完全にコードを書くことはできません。

そのため、リファクタリングを行いますが、環境によってリファクタリング方法が異なります。
ReactはUI中心なので、これに最適な方法でリファクタリングする必要があります。
React環境に最適なリファクタリング方法を学ぶことができます。

ビギナーのための勧告

Reactはすぐに学んでもReactアプリを開発できます。
しかし、もう少し深く入ったら、戻ってもう一度学ぶ必要があります。
基本を、土台を一つずつ固めていくのが遅いようにも結局は速いです。これが近道であり、開発者の道です。
自信を持って技術面接に取り組むことができます。
技術面接を見る面接官は基本の丈夫さをチェックします。なぜなら、基本が重要であることを面接官は経験として知っているからです。
頑丈な基本に基づいて開発したコードは異なり、面接官はこれが見えます。

受講前の注意

練習環境

  • ブラウザ、Node.js、コードエディタ

  • 講義での環境設定方法について説明します。

学習資料

  • 講義のすべてのソースコードをファイルとして提供します。

  • 講義で学習資料の使い方を扱います。


関連講義ロードマップ
一緒に学びましょう。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • React state と hook を完全に学びたい開発者

  • React のすべてを漏れなく学びたい開発者

  • React 開発の応用力を向上させたい開発者

  • React 環境の企画者

  • コンポーネントの概念を確立したい開発者、プランナー

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

  • JavaScript、HTML、CSS

  • DOM の理解は必要ですが、必須ではありません。

  • 講師の「React ビギナー」講座の推薦

こんにちは
です。

9,630

受講生

392

受講レビュー

337

回答

4.8

講座評価

12

講座

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 비기너 강좌 제작중, 2025.09 오픈 예정

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석  
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

 

 

カリキュラム

全体

95件 ∙ (10時間 25分)

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

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

受講レビュー

全体

5件

5.0

5件の受講レビュー

  • 안승우님의 프로필 이미지
    안승우

    受講レビュー 7

    平均評価 4.9

    5

    31% 受講後に作成

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

      受講レビュー 12

      平均評価 4.9

      5

      100% 受講後に作成

      완강하게 되어 기쁩니다. ^^ 이해가 잘 안 가는 부분이 있으면 다시 이전 강의를 찾아보고 그래도 이해가 안 가면 공식 문서를 찾아가며 읽어보면서 궁금증을 해결해 나갔습니다. 공식 문서 기준으로 만들어진 강의라 가능했던 일이고 제가 이 강의를 선택한 이유이기도 합니다. 미니 프로젝트 없이 이론 중심으로 진행되는 강의라 지루한 면이 좀 있지만 기본 개념 정리는 확실히 할 수 있어서 도움이 됐습니다. 특히 "Ref 오브젝트와 DOM 인터페이스" 수업에서와 같이, 스펙 문서를 보면서 인터페이스 간 상속 구조를 통해 어떻게 코드가 작동하는지 알려주시는 부분이 좋았습니다. 제가 자바도 공부하고 있어서 비슷한 구조가 나올 때마다 비교하면서 배우게 되니 흥미로웠습니다. 이제 DOM 완전 끝내기 로드맵을 이어가도록 하겠습니다. 감사합니다.

      • 김영보
        知識共有者

        완강을 축하합니다^^ 강의자의 의도를 정확하게 파악하여 활용하셨네요. 소프트웨어 개발 감각이 있으신 것 같습니다. 더욱 더 큰 발전을 응원합니다.

    • 제일일님의 프로필 이미지
      제일일

      受講レビュー 9

      平均評価 5.0

      5

      27% 受講後に作成

      • p.cdoomco님의 프로필 이미지
        p.cdoomco

        受講レビュー 11

        平均評価 5.0

        5

        5% 受講後に作成

        비기너 강의를 잘들었습니다. 이번강좌도 잘듣고 리액트 마스터가되어보겠습니다.

        • 김영보
          知識共有者

          예, 응원합니다^^

      • 최용원님의 프로필 이미지
        최용원

        受講レビュー 16

        平均評価 4.8

        5

        31% 受講後に作成

        ¥5,217

        tonextdayの他の講座

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

        似ている講座

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