강의

멘토링

로드맵

BEST
Programming

/

Front-end

Webゲームを作成して学習するReactにTypeScriptを適用する

リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

  • zerocho
React
TypeScript

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

こんなことが学べます

  • React + TypeScript

  • DefinitelyTyped

  • React Router タイピング

  • Redux タイピング

  • MobXタイピング

リアクトでWebゲームを作成し、タイプスクリプトを貼り付ける例を通して
安定したリアクトプログラミングを学びましょう。

リアクト+タイプスクリプト
Webゲームの例で実務に適応しましょう!

Webゲームを作成して学ぶReactの後続で、同じゲームをタイプスクリプトを適用して作成します。
また、Webゲームだけをタイピングすると残念だからリアクトとよく使われるReact Router、Redux、MobXに対するタイピングも学びます。 Class と Hooks 文法の両方でタイピングします。

タイプスクリプトを貼り付けることで、より安定したReactプログラミングが可能になります。


🌈講義例のプレビュー

球球団、終了する👉数字野球、反応速度チェック

🙌ここで扱うツール

ChromeブラウザとVisual Studio Code(またはWebStorm)を使用します。


🗒質問にすばやく
答えます。

私のコースの利点はQ&Aです。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう!


🙋🏻‍♂️ 予想される質問 QnA

Q. TypeScriptのバージョンは何ですか?

A. 3.8バージョンを使用してください。それ以降のバージョンをインストールしても構いません。

Q. ソースコードはどこにありますか?

A. https://github.com/zerocho/ts-react

Q.リアクト、リダックスの概念も扱っていますか?

A. この部分は以下の選手科目を先に聞いて来なければなりません。この講座にはタイピングをつけることだけを説明し、それ自体の概念は説明しません。

Q.選手科目はありますか?

A. Webゲームを作って学ぶReact講座、Webゲームを作って学ぶTypeScriptをご覧ください。 TypeScript講座は有料なので公式文書をご覧いただくことである程度置換可能です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • タイプスクリプトを学んだが、リアクトにどのように付けるべきかわからない人

  • タイプスクリプトとリアクトを実務で使用する方

  • 他のライブラリの入力に恐れを持っている人

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

  • JavaScriptの文法知識

  • リアクトウェブゲーム講座

  • タイプスクリプトウェブゲームコース

  • Redux、MobX基礎概念

こんにちは
です。

66,031

受講生

1,656

受講レビュー

9,734

回答

4.8

講座評価

22

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

36件 ∙ (7時間 38分)

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

受講レビュー

全体

27件

4.7

27件の受講レビュー

  • beautifuldev님의 프로필 이미지
    beautifuldev

    受講レビュー 5

    平均評価 4.8

    5

    100% 受講後に作成

    As a reviewer, I had a great opportunity to attend the lecture I had always wanted to attend for free. First of all, this lecture requires prior knowledge of React and TypeScript. It is not a lecture that teaches the grammar of React and TypeScript. So, if you do not have any knowledge of this, you will have difficulty following the lecture. However, in my personal opinion, if you know the basic grammar of both React and TypeScript at a basic level, you will not have much difficulty in taking the lecture. In my case, I gained confidence at the beginning of the lecture, thinking, "It's easier than I thought?" Of course, not all the content is easy, and there are some difficult contents as you listen. In particular, Redux requires some knowledge. However, I have never studied React Router, ContextAPI, or MobX separately, so I was able to follow the lecture sufficiently even though I did not know much about them. For example, in React, the lecture proceeds by briefly explaining the concepts that appear in each lecture. TypeScript was also explained lightly and repeatedly, so I felt like I was organizing the TypeScript concepts that I already knew. (Of course, there may be some parts that are not explained depending on the individual.) And another reason I chose this course was that the Q&A room was active, and I liked that they answered questions quickly. As I wrote, the article got longer, but there was a time when I had to submit an assignment to apply TypeScript to React to a company I wanted to apply to. I tried to study on my own in a short period of time, but I felt overwhelmed when I had to look up everything and study it. So I stayed at the basic level, but after taking this course, I can now apply TypeScript to React and code without much difficulty. And as I learned new things, I was able to recover from the slump that I had experienced because my development skills were not improving. Thank you for making such a great course, and I hope you always have many good things :D

    • snrtn943653님의 프로필 이미지
      snrtn943653

      受講レビュー 67

      平均評価 4.9

      5

      42% 受講後に作成

      Highly recommended

      • ina93771967님의 프로필 이미지
        ina93771967

        受講レビュー 4

        平均評価 5.0

        5

        100% 受講後に作成

        I've been listening to Han Kang's lectures little by little and it's already finished :D I'll try to make it pretty by putting some style on it.

        • bmworld님의 프로필 이미지
          bmworld

          受講レビュー 9

          平均評価 5.0

          5

          100% 受講後に作成

          I am getting quality information through detailed knowledge/explanations that focus on what is really needed. Thank you.

          • loko님의 프로필 이미지
            loko

            受講レビュー 20

            平均評価 5.0

            5

            100% 受講後に作成

            I enjoyed the lecture :)

            ¥4,678

            zerochoの他の講座

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

            似ている講座

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