강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

手を動かしながら学ぶReact A to Z [19バージョン反映]

この講義を通して、Reactの基礎から中級までを学ぶことができます。一つの講義で概念を理解し、実習を通して、Reactに必要なほとんどの知識を一度に習得できるように構成されています。

  • John Ahn
React
Next.js
TypeScript
TDD
Redux

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

こんなことが学べます

  • リアクト

  • Next.js

  • タイプスクリプト

  • 静的サイト自動デプロイ

  • Docker

リアクト基礎概念から中級技術まで
自分でアプリを作ってみて学べます!

フォローして学ぶ
リアクトAZ

この講義を通じて、リアクト基礎から中級までの技術を習得できます。
リアクトに初めて接する人もこの川の一つでリアクトに必要なほとんどの知識を習得することができます。

一つの講義で概念も身につけて実習もし、リアクトのために必要なほとんどの知識を一度に習得できるようにしました。フロントエンド開発者になるために必須のように思われるリアクトを学び、就職に多くの助けになれば幸いです。


この講義だけ
利点を確認してください。

構造的理解を助ける
図表中心
簡単で詳細な説明

直接ソースコード
作成しながら
自然な繰り返し学習

実際のアプリケーション
作ることができる
実習中心講義

JavaScriptの基礎を築いた
初心者の開発者なら
誰でもOK!

1-2.図表による視覚的説明+直接コード作成の2段階!

図表を通して視覚的に見たときに、ただ説明を聞くだけでより理解が良くなるからです。また、このように図表を通して学習した後、ソースコードを作成するので、自然に復習する効果が現れると思います。

3. フォローして学び、実習中心の講義。

まず、必要な概念を身につけた後、実習を通じて概念をより確実にします。

4. JavaScriptの基礎を知っている学習者に適しています。

JavaScriptの基礎を知っていれば、この講義を聞くのに難なく聞くことができます。


次の内容を学習します。

セクション1)リアクトの概念について学びます。

セクション2-3) To-Doアプリを作成し、リアクトの基本概念を学び、試してみます。

セクション4-5) Netflixアプリを作成し、リアクトのより深刻な概念を学び、試してみます。

セクション6-7)リアクトテストの基本的な部分は学び、練習で簡単なボタンアプリを作成します。

セクション8) NextJSとTypescriptについて学び、両方を使ったブログアプリを作成します。

セクション9)リアクトの新しいバージョンであるReact 18バージョンで新機能とAPIについて学びます。

セクション10)リアクトの代表的な状態管理ライブラリであるRedoxについて学びます。

セクション11)ドッカーでリアクトを実行する方法を学びます。


予想される質問 Q&A 💬

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

A. 基礎から詳しく講義するので、非専攻者も聞くことができます。

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

A. フロントエンド開発者として最もよく使われるライブラリであるため、リアクトを学ぶことが就職に多くの役に立つと考えられます。

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

A.基本的なJavaScriptの概念を知って聞くことをお勧めします。


知識共有者の
他の講義が気になったら?

累積受講生32,000+人、フォローして学ぶウェブ開発シリーズ📖

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Reactを初めて学ぶ方

  • フロントエンドエンジニアになりたい方

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

  • JavaScript

こんにちは
です。

84,086

受講生

2,691

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

カリキュラム

全体

162件 ∙ (24時間 16分)

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

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

受講レビュー

全体

85件

4.7

85件の受講レビュー

  • lgs4002님의 프로필 이미지
    lgs4002

    受講レビュー 13

    平均評価 4.3

    4

    97% 受講後に作成

    React 부분과 달리 Nextjs, Typescript, Redux 부분이 살짝 아쉽다는 생각이 들었습니다. 좋은 강의였습니다.

    • gyuyoung park님의 프로필 이미지
      gyuyoung park

      受講レビュー 5

      平均評価 5.0

      5

      6% 受講後に作成

      john ahn님의 강의는 대단하다고 생각합니다. 저렴한 강의 비용에 교재까지 손수 만들어 제공해주시고, contents들도 알찹니다. 타강의에 비해 내용도 풍부한데 가격도 착한 이런 강의를 두고 어떻게 다른 리액트 강의를 듣겠습니까

      • 김일꾼님의 프로필 이미지
        김일꾼

        受講レビュー 2

        平均評価 4.0

        3

        66% 受講後に作成

        배너 만들기에 css 파일 없고 코드도 없는데 질문사항에 검색해도 안나옴

        • 원준님의 프로필 이미지
          원준

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          1. 강의 자료 - 5점 탐나는 GIF 자료들이 많은데, PDF에 GIF가 담기지 않는 점, diagram앱에서 export시 페이지 분할되는 부분의 사진이 잘리는 점은 아쉽습니다 ㅠ 인프런에 문서 관련 표준이나 가이드라인도 있으면 좋을 것 같네요. 어떤 강사분은 한글 파일로 하시는 것도 본 적 있어서.. 그래도 강의자료 퀄리티가 만점이라 5점 2. 강의 전달력 - 5점 목소리 좋다는 평은 처음 남겨봅니다. 듣기 편해요. 리액트는 예전에 책으로 보거나 독학했을 때는 어려웠는데, 어려운 건 중요한 걸 더 알려주고, 그림판으로 대충 그리는게 아닌 제대로된 다이어그램이나 자료와 함께 친절하게 강의해주셔서 덕분에 잘 배웠습니다. 이거 듣다가 지인한테 다른 강의도 3개 추천 받았었는데 비교해보니 리액트 배우기에는, 프론트엔드 입문자에게는 이게 최고인 것 같습니다. 3. 강의 구성 - 리액트~TDD는 5점, 8강부터 4점 리액트와 테스트, 배포, 자동화까지는 엄청 잘 알려주셨는데, 타입스크립트, Next.js, 리덕스는 그만큼은 자세히 알려주지 않아 아쉽습니다! 강의가 부족한 게 아니라 후반 파트는 입문까지만 알려주셔서 그렇습니다. 중급 강좌도 있으면 좋을 것 같습니다~ 4. 총평 만점짜리 강의입니다. 퀄리티에 비해 가격이 다소 저렴한 편입니다.

          • osakapark님의 프로필 이미지
            osakapark

            受講レビュー 9

            平均評価 4.3

            3

            100% 受講後に作成

            1. 장점 교재 및 소스가 제공되어 복습하기 좋습니다. (제가 이 강의를 신청한 이유입니다.) 2.단점 강의가 교재 읽기 같은 부분이 있어서, 전달력이 떨어집니다. 코드 설명할 때, 타이핑하면서 코드를 단순히 읽는 경우가 많습니다. (집중 안됨, 복습시 시간낭비) 3.건의 사항 단순 코드 타이핑, 코드 읽기 시간은 줄여 주시고, 소스에 대한 설명 시간을 늘여 주셨으면 좋겠습니다. drawo io 는 읽기 불편하고, 보안때문에 회사에서 접속도 되지 않습니다.

            ¥6,514

            John Ahnの他の講座

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

            似ている講座

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