BEST

Programming

Programming Language

[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

Name: [リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編
Price: 40700 KRW

タイプスクリプトの基本的な文法を学んだことで、有名なライブラリの複雑なタイプを分析する方法を学びましょう。

（4.8）受講レビュー 16件

受講生 954名

zerocho

TypeScript

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

こんなことが学べます

タイプスクリプト
タイプスクリプトモジュールシステム
Reactライブラリタイプの分析
Nodeライブラリタイプの分析
jQuery、Axios型分析

タイプスクリプトの基本文法を学んだ皆さん、
今は本番ライブラリのタイプを分析します！ 👨‍💻

本番で使うことを知っている
本当に知っているよ！ ✏️

タイプスクリプトの基本的な部分はタイプスクリプトオールインワン：Part1。基本文法編ですでに学んでいますか？今は本番です。

タイプスクリプトを勉強する際に最も幕を開けたのは、いつも文法はすべて学んだが、本番では応用できないということです。インターフェイス、タイプアリアス、ジェネリック、マップドタイプス、インデックス付きシグネチャなどを学んでも、いつどの文法を使用すべきかわからない場合は役に立ちません。

既存のウェブゲームを作って学ぶタイプスクリプト講座を出したことがありましたが、受講生分が依然として他のタイプを分析し、直接タイプを作るのに苦労することに気づきました。そのため、講義を完全に改編して学んだタイプスクリプト文法が実戦でどのように使われるかを調べ、タイプをどのように作成していけばよいかを直接実習してみる講座を作ることになりました。

こんな方におすすめです🤸‍♀️

JSからタイプスクリプトへ
切り替えたい方

他人が作ったタイプ
分析するのが難しい方

私は直接タイプを
書こうとしたら

学習する内容✍

1. ジェイコーリータイプ分析

2. Axiosタイプ分析

3. Reactタイプの分析

4. Reduxタイプの分析

5. Node、Expressタイプ分析

6. ライブラリの入力

そのライブラリがタイプスクリプトをサポートしているかどうかを把握する能力、ライブラリで最も重要なタイプとどのモジュールシステムを使用しているかを把握する能力、ライブラリタイプを分析する能力をキーワードにします。

次のライブラリを分析できるようにします！ライブラリのタイプを分析する方法は決まっているので、講座からのとおりタイプサポートかどうか、コアファイル、モジュールタイプ、タイプ分析の順に進んでいくと、いかなるライブラリも難しくありません。

Axios

React

Redux

Express

Node

ここで扱うツール🙌

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

質問にすばやく
お答えします🗒

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

Who is ZeroCho?

_{ゼロ秒ブログと
YouTubeチャンネルの運営}

_{Web開発ベストセラー
、作者}

_{カカオモビリティ今日のピックアップ
技術パート長}

Q&A 💬

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

4.7バージョンで撮影されました。より高いバージョンを使用することもできます。

Q.ソースコードと講義の教案はどこにありますか？

ゼロ秒のフラッグハブで確認できます。

Q. 基本文法編を必ず聞かなければなりませんか？

必ず聞く必要はありませんが、基本文法編の目次に該当する内容はご存知でなければなりません。

Q. 基本文法編とは違う点は何ですか？

基本文法編で説明した文法は分かるという前提のもと、React、Redux、React-redux、Express、Node、jQuery、Axiosライブラリのタイプを分析して直接作成してみる練習をします。そのためには基本文法編の内容を知っておかなければなりません。

この講義は？

信じてみるゼロ秒
タイプスクリプトオールインワンシリーズ✨

Part.1 過去の講義

タイプスクリプトの基本文法
さまざまなコード分析方法

Part.2 現在の講義

タイプスクリプトの実践
ライブラリ分析方法

こんな方に
おすすめです

学習対象は
誰でしょう？

有名なライブラリタイプの分析方法を知りたい人
自分でライブラリを入力したい人

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

タイプスクリプトの基本文法

こんにちは
です。

65,525

受講生

1,602

受講レビュー

9,702

回答

4.8

講座評価

講座

제 강의의 장점은 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)

カリキュラム

全体

35件 ∙ (6時間 36分)

セクション 1．イントロ

1件 ∙ (11分)

1. タイプがサポートされているかどうかを判断する
11:48

セクション 2．ジェイクエリタイプの分析

6件 ∙ (54分)

2. @types/jqueryをインストールする
06:13
3. commonjs モジュールをタイプする方法と esModuleInterop
07:37
4. 名前空間(namespace)
08:02
5. メソッドとこのタイピング
13:12
6. jQuery型を直接作成する
11:49
7. Q&A
07:09

セクション 3．Axiosタイプ分析

5件 ∙ (54分)

8. さまざまな方法で利用可能なaxios
09:37
9. ts-nodeを使う
06:46
10. ジェネリックを活用したレスポンスタイピング
09:25
11. AxiosErrorとunknown errorの対処方法
08:51
12. Axiosタイプを直接作成
19:31

セクション 4．React型分析

7件 ∙ (1時間 16分)

セクション 5．Reduxタイプの分析

4件 ∙ (57分)

セクション 6．Node、Expressタイプ分析

8件 ∙ (1時間 23分)

セクション 7．ダイレクトライブラリの入力

2件 ∙ (14分)

セクション 8．ボーナス

2件 ∙ (44分)

講座掲載日:

最終更新日:

受講レビュー

全体

16件

4.8

16件の受講レビュー

큰돌
受講レビュー 12
∙
平均評価 5.0
5
100% 受講後に作成
제로초님의 열정이 담긴 훌륭한 강의입니다. 추천드립니다.
갱종
受講レビュー 5
∙
平均評価 5.0
5
100% 受講後に作成
타입스크립트를 학습할 때 이론을 배우고 그래서 어떻게 적용해야하는지 항상 어려웠습니다. 그래서 결국 제로초님의 타입스크립트 올인원 파트 1부터 2까지 수강했는데, 1에서는 기본적인 개념지식 2에서는 이 개념을 어떻게 활용하여 실무에서 어떤식으로 사용하는지 구체적으로 이해할 수 있었습니다. 또한, 복잡한 모듈 시스템에 대한 개념 정리를 해주셔서 너무 좋았습니다. 개념을 잡은 후 타이핑 하는 사고력을 키우고자 하는분들에게 강력 추천합니다!
jaeyong Kim
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
너무 좋은 강의였습니다! 여러번 들어도 들을때마다 도움되는 강의!
jj15390
受講レビュー 4
∙
平均評価 5.0
5
100% 受講後に作成
실제 typescript 라이브러리를 분석해볼 수 있어서 좋았습니다.
우기
受講レビュー 14
∙
平均評価 5.0
5
100% 受講後に作成
정말 많이 도움이 됐어요!

￥4,853

zerochoの他の講座

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

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

Basic

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

Basic

Node.js, Express, MySQL

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

Basic

소프트웨어 테스트, Jest, react-testing-library

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

Intermediate

Next.js, React, react-query

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

Intermediate

디자인 패턴, 객체지향, TypeScript

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

Beginner

네트워크, tcpip, websockets

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

Basic

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

Beginner

DBMS/RDBMS, SQL, MySQL

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

배달앱 클론코딩 [with React Native]

제로초(조현영)

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

Intermediate

React Native

배달앱 클론코딩 [with React Native]

제로초(조현영)

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

Basic

JavaScript, 알고리즘, 코딩 테스트

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

Intermediate

NestJS, TypeORM, Express

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

Basic

Redux, MobX

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

Basic

JavaScript

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

Intermediate

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

Intermediate

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

Intermediate

TypeScript, Node.js, 웹앱

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

Intermediate

React, TypeScript

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

웹 게임을 만들며 배우는 Vue

제로초(조현영)

간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

Basic

Vue.js, Webpack, Vuex

웹 게임을 만들며 배우는 Vue

제로초(조현영)

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

Intermediate

Vue.js, Node.js, AWS

Vue로 Nodebird SNS 만들기

제로초(조현영)

웹 게임을 만들며 배우는 React

제로초(조현영)

웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.

Basic

React

웹 게임을 만들며 배우는 React

제로초(조현영)

似ている講座

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

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

Basic

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

실전 연습으로 익히는 고급 타입스크립트 기술

애프터캠프

타입스크립트의 기능들을 제대로 활용해보세요!

Intermediate

TypeScript

실전 연습으로 익히는 고급 타입스크립트 기술

애프터캠프

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

Intermediate

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

Basic

React, Next.js, TypeScript

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

Intermediate

디자인 패턴, 객체지향, TypeScript

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

[1시간](다른언어)개발자를 위한 자바스크립트

개복치개발자

이미 개발언어(Java/python/swift/kotlin 등)을 사용해본 개발자를 대상으로 자바스크립트를 한시간만에 빠르게 익힐 수 있는 강의입니다. AI와 함께 코딩하는 시대이지만, AI코드를 인간 개발자가 감독해야 하기 때문에 감독을 위한 최소한의 지식을 빠르게 쌓기 위한 강의입니다.

Basic

JavaScript, TypeScript

[1시간](다른언어)개발자를 위한 자바스크립트

개복치개발자

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

Basic

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

Basic

Node.js, Express, MySQL

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

Intermediate

웹앱, TypeScript, Node.js

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

Beginner

TypeScript, IONIC, 하이브리드 앱

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

Basic

MongoDB, Express, React

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

Basic

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

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

こんなことが学べます

本番で使うことを知っている本当に知っているよ！ ✏️

こんな方におすすめです🤸‍♀️

学習する内容✍

ここで扱うツール🙌

質問にすばやくお答えします🗒

Q&A 💬

この講義は？

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

zerochoの他の講座

似ている講座

本番で使うことを知っている
本当に知っているよ！ ✏️

質問にすばやく
お答えします🗒

こんな方に
おすすめです

こんにちは
です。