강의

멘토링

커뮤니티

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,503

受講生

1,682

受講レビュー

9,755

回答

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件の受講レビュー

  • 꽃갈피님의 프로필 이미지
    꽃갈피

    受講レビュー 5

    平均評価 4.8

    5

    100% 受講後に作成

    리뷰어로 참여하게 되어 좋은 기회로 평소 듣고싶었던 해당 강의를 무료로 듣게 되었습니다. 먼저 이 강의는 React와 TypeScript에 대한 선행 지식이 있어야 하는 강의입니다. React와 TypeScript의 문법을 가르쳐주는 강의는 아닙니다. 그래서 이에 대한 지식이 아예 없다면 수업을 따라가는데 지장이 있을겁니다. 다만, 제 개인적인 생각으로는 React와 TypeScript 둘 다 기초 수준의 기본적인 문법 정도만 알고 있다면 강의를 듣는 데 큰 어려움은 없으리라 생각됩니다. 제 경우에는 강의 초반에 '생각보다 쉬운데?' 하면서 자신감이 붙었습니다. 물론 모든 내용이 쉽다는 것은 아니고, 듣다 보면 어려운 내용도 있습니다. 특히 Redux 는 어느 정도 지식이 필요합니다. 하지만 저는 Redux 외에 React Router, ContextAPI, MobX는 따로 공부한 적이 없어서 잘 몰랐는데도 불구하고 충분히 강의를 따라갈 수 있었습니다. 예를 들면, 리액트는 강의마다 나오는 내용에 대해 가볍게 개념을 짚어 주시면서 진행하십니다. TypeScript도 가볍게 그리고 반복적으로 설명하고 넘어가 주셔서 기존에 알고 있던 TypeScript 개념을 한 번 더 정리하는 느낌도 들었습니다. (물론 개인차로 설명 안 해주시는 부분도 있을 것입니다) 그리고 제가 이 강의를 선택한 또 다른 이유 중 하나는 Q&A 방이 활성화되어있다는 점인데, 질문 글이 올라오면 빠르게 답변해주시는 부분도 좋았습니다. 쓰다 보니 글이 길어졌는데 지원하고 싶었던 회사에서 React에 TypeScript를 적용하는 과제를 제출해야 했던 적이 있었습니다. 짧은 기간 내에 독학해보려고 했지만 일일이 찾으며 공부하려니 막막함이 느껴졌습니다. 그래서 계속 기초 수준에서 머물렀는데, 이 강좌를 듣고 나서는 이제 큰 어려움을 느끼지 않고 리액트에 타입스크립트를 적용해서 코딩할 수 있게 되었습니다. 그리고 새로운 내용을 접하고 배우니, 개발 실력 향상이 되지 않아 겪었던 슬럼프도 어느 정도 회복되었습니다. 좋은 강의 만들어 주셔서 감사하고, 늘 좋은 일들 가득하시길 바랍니다 :D

    • 인프런님의 프로필 이미지
      인프런

      受講レビュー 67

      平均評価 4.9

      5

      42% 受講後に作成

      강추강추

      • ina9377님의 프로필 이미지
        ina9377

        受講レビュー 4

        平均評価 5.0

        5

        100% 受講後に作成

        조금조금씩 한강의씩 듣다보니 벌써 완결이네요 :D 스타일 입혀서 이쁘게 만들어볼게요

        • BM WORLD님의 프로필 이미지
          BM WORLD

          受講レビュー 11

          平均評価 4.8

          5

          100% 受講後に作成

          디테일한 지식 / 정말 필요한 곳에 집중해서 설명해주는 것을 통해 양질의 정보를 얻어갑니다. 감사합니다.

          • 로코님의 프로필 이미지
            로코

            受講レビュー 20

            平均評価 5.0

            5

            100% 受講後に作成

            좋은 강의 잘 들었습니다 :)

            ¥4,765

            zerochoの他の講座

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

            似ている講座

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