![[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!강의 썸네일](https://cdn.inflearn.com/public/courses/328329/cover/72f06aa7-f5f1-422b-88a7-bca65e78dffd/328329.png?f=avif&w=420)
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
코드팩토리
iOS 앱과 Android 앱을 코드 한번만 작성해서 모두 제작한다! 코드팩토리의 Flutter 초보 탈출 강의! 디테일한 이론과 흥미로운 프로젝트를 진행하며 탄탄한 기본기 쌓기!
초급
Flutter, 클론코딩
BEST
[コードファクトリー] [初級] 8時間で終わるコードファクトリのTypescript完全征服フルコース
TypeScript(타입スクリプト)をまったく知らない人でも、この濃縮されたTypeScript文法講座で、TypeScript文法の達人になれる講座です。
こんなことが学べます
TypeScript
実験的な装飾家
メタデータの反映
ジェネリック
川の一つでタイプスクリプト完全征服！
一気にTS固守になることができます。
受講前必読！まず確認してください。
この講義で学ぶべきことがあるかどうかを確認するために、実際に学ぶ例をまとめました。 （ショートカット）すでにTypeScriptをある程度することを知っている人なら、まず例をチェックしてください！
TypeScriptはJavaScriptでコンパイルされる言語です。このレッスンはTypeScript自体に集中しているので、JavaScriptについてはまったく説明しません。私が作った無料のJavaScript講義がありますので、ぜひ最初に受講してからTypeScript講義を進めてください。
JavaScriptの開発者なら
見逃さないでくださいタイプスクリプト
コードファクトリタイプスクリプト入門
この講義が特別な3つのポイント！
- ✅TypeScriptを見ている視野が異なります。
- ✅会社でTypeScriptを最もよく使用する開発者の一人になります。
- ✅ TypeScriptなしでJavaScriptを書いた時代に戻りたくなくなります:)
JavaScriptは、現代のプログラミングで最も頻繁に使用されるプログラミング言語の1つです。そして、TypeScriptはJavaScriptとは切り離せないほどJavaScriptエコシステムで大きな役割を果たしています。
最も人気のあるJavaScriptバックエンドフレームワークの1つであるNestJSはTypeScriptを基本として使用し、最も人気のあるフロントエンドフレームワークの1つであるNextJSもTypeScriptを基本として使用します。エンタープライズクラスの大規模プロジェクトでは、JavaScriptはもはやTypeScriptなしで利用できない存在になりました。
「JS開発者があえてTSを別に勉強する必要はない」？そうではありません！
多くの人が「JavaScriptをよく扱うなら、TypeScriptを別々に時間内に学ぶ必要はない」と思う傾向があります。しかし、これは非常に間違った考えです。私がTypeScript講義を企画するようになった背景もこんな理由からです。
最初の単純な型を扱いながら、TypeScriptはあまり学ぶことがないと思う人がいますが、実際によく編まれたTypeScriptベースのプロジェクトを分析してみると、理解しにくい型宣言が非常に多いと感じることになります。このとき、複雑で高度なTypeScript宣言の知識が不足すると、anyタイプを乱発し、TypeScriptを使用できないプロジェクトになる可能性があります。私の講義は、この問題を解決するために編まれた講義です。
もし、以下の例の中で知らない例が一つある場合は、この講義を必ず受講してください。 JS/TS開発者として働く生涯最良のことの1つになることを保証します。すべて講義で直接説明する例で、講義を受講すれば完全に理解できるようになります。
🔎例を直接チェックしてください。
1) Reflection
2) Inheritance with Class Decorator
3) Override Method with Method Decorator
4) コンストラクタタイプ
5) Type Predicate
6) Ternary Type
7) Key/Value Mapping
8) Exhaustive Checking
TypeScriptのスキル向上に集中したカリキュラム
💡このカリキュラムは完全にTypescript文法に焦点を当てています。 HTML/CSS、JavaScript など講義のテーマと関連のないコードは、まったく作成しない高濃度の TypeScript 講義です。また、今後公開されるNestJSとNextJS講義の最初の足場となる講義であるだけに、目的から抜け出さないようにTypeScript文法に確実に集中しました。
あなたはあなたの悩みではありませんか？
きちんと作ったTS講義に会いましょう。
💬 Typescriptをうまくやると思っていましたが、オープンソースプロジェクトを見ればとてもタイプが理解できません！
TypeScriptの深い理解が不足しているので、そうです。単純にプリミティブタイプを宣言する方法だけを簡単に学んでみると、TypeScriptのあまりにも表面的な部分だけを学びました。多くの開発者がこの間違いを犯していますが、この講義では、複雑で正確な型宣言法とTypeScriptがどのように型を推論して認識するのかを学ぶことができます。
💬 JavaScriptは学んだが、TypeScriptは一つでもやるとは思わない。
まったく心配する必要はありません。でもJavaScriptを行うことができなくても、私が無料で提供するJavaScript講義を受講した後、TypeScript講義を受講してください。 TypeScript講義はJavaScript講義だけ受講したという仮定のもと、徹底的に初心者にも追いつけるほど難易度ロールゆっくり上げながら進めています。
💬 NestJS、NextJSなど、最近使用されている人気のあるJavaScriptフレームワークをうまく使いたいです！
現代の人気のあるJavaScriptフレームワークは基本的にTypeScriptを使用しています。人気のフレームワークはエンタープライズグレードで利用可能である必要があるため、コラボレーションとメンテナンスのために有利に設計されており、TypeScriptが不可欠です。 JavaScriptの大勢のフレームワークやライブラリを使いたい場合は、このレッスンでTypeScriptを学びましょう！実際、私が制作するNestJSとNextJSの講義を進める前に、必要な知識をすべてまとめました。
基本基がしっかり
はるかに上がることができるから。
プログラミング理論学習は忠実に
私が進めているすべてのプログラミング言語講義は、理論に忠実な講義です。言語文法は理論に忠実でなければならず、初級フレームワーク講義は面白くなければならず、中級からは知識の深さが重要だと思います。
そのため、今回のタイプスクリプト入門講義では、受講生の皆さんがいつでもまた戻ってきて、すぐに思い出せない部分を探すことができるようにカリキュラムを細かく整理しました。
これからのビルドアップまで考えた講義
私は講義を制作する際にパイプラインを構想して製作します。 JavaScript、TypeScriptなどの言語講義も、NextJS、NestJS講義のためのビルドアップとして企画されました。そのため、人気のあるJavaScriptフレームワーク/ライブラリをうまく使用するために基礎を積み重ねる用途にも適しています。もちろん、完全初心者もフォローできるように作られているので、TS関連の知識が全くなくても講義を進めるには全く問題はありません。
唯一のプレーヤーの知識は、私がInflearnに完全に無料で配布したJavaScript講義です。ぜひまず受講してからTypeScript講義を進めてください。
詳細カリキュラム
.png?w=960)
1) 基本機
TypesScriptの基本的なタイピングについて学びます。プリミティブタイプ、基本ユニオン、タイプ宣言など、高度なコースを進めるための選手知識を学習します。
2) ユニオンとのインターセクションと内向き
タイプを組み合わせることができる機能であるユニオンとインターセクションについて簡単に学び、タイプをさらに詳細にできる8つの内線技術をまとめてみます。
.png?w=960)
3) 関数シグネチャタイプとタイププレディケート
関数宣言に型を追加する方法と、関数シグネチャを型として表現する方法について学びます。さらに、タイププレディケート宣言法と使い方について学びます。
.png?w=960)
4) タイプとインターフェースの違い比較とエクステンションとインターフェースマージング
TypeScriptを正しく学ばないと、最初に混乱し始める要素は型とインタフェースの違いです。このセクションでは、タイプとインターフェイスの違いについて学び、それぞれの拡張方法について学びます。
.png?w=960)
5) Any/Unknown/Never
特殊タイプであるany、unknown、neverタイプについて学びます。特にanyとunknownの違いはよく整理しておいたので、適切な状況に適したタイプを使用してください！
.png?w=960)
6) Array(配列)
Array型宣言法について学ぶセクションです。混乱を招く可能性のある同様の外観の型宣言とMulti Dimension Array宣言法について学びます。
.png?w=960)
7) Tuple(タプル)
TupleはJavaScriptには存在しませんが、TypeScriptでは非常に便利に使用できる特別なArrayタイプです。 ArrayをTupleに強制的に推論する方法と直接宣言する方法を学びます。
.png?w=960)
8) Object(オブジェクト)
JavaScriptで最も重要なタイプの1つであるオブジェクトタイプをTypeScriptで扱うさまざまな方法を学びます。最後のレッスンでは、さまざまな方法でKey Value Mappingする方法を学びます。
.png?w=960)
9) Class(クラス)
クラス宣言から、全体的なTypescriptのオブジェクト指向プログラミングの知識を学びます。
.png?w=960)
10) Generic(ジェネリック)
オブジェクト指向プログラミングの花であるジェネリックをさまざまな形で使用する方法を学びます。
.png?w=960)
11) Utility Type (ユーティリティタイプ)
宣言されている型をより簡単に変換できるユーティリティ型について学びます。よく使うタイプ12種類をまとめました。今後の主要タイプが追加されたら、クラスを更新する予定です。
.png?w=960)
12) Experimental Decorator (実験的デコレータ)
さまざまなコンテキストでExperimental Decoratorを使用する方法を学びます。 Decoratorはまだ正規のTypeScriptバージョンにマージされていませんが、非常に成熟した状態であり、NestJSなど、さまざまなフレームワークやライブラリですでに積極的に使用されている、よく理解しておくべき知識です。
.png?w=960)
13) Reflect Metadata
Reflect MetadataとExperimental Decoratorを使用して、Experimental Decoratorをより強力に使用する方法を学びます。この二つを組み合わせると無関心な可能性があるのでよく熟知しておいてください！
.png?w=960)
14) Namespace
今は使用されなくなりましたが、古いプロジェクトで出会える名前空間について学びます。
.png?w=960)
15) ECMAモジュール
ImportとExportを進めるさまざまな方法について学びます。
Q&A 💬
Q. 本当に何も知らなくても学べますか？
JavaScriptは知っておくべき講義に従うことができます。しかし、私はすべての選手の知識を私の講義生態系の中で解決することができるように講義を制作しています。 私のJavaScript講義は生涯完全無料ですので、最初に受講してからこの講義を受講してください。
Q. TypeScriptが更新されたら、新しいレッスンで販売しますか？
私のTypeScript講義は、この講義が最初で最後です。一度購入すると、このレッスンのすべてのアップデートを無料で入手でき、Inflearnが保証する生涯所蔵レッスンです。
Q. コンピュータ仕様はどの程度必要ですか？
本当にあまりにも古いコンピュータでなければ、オペレーティングシステムのバージョンだけが最新バージョンであれば問題ありません。 Node.js、TypeScript、VSCのみがインストールされている場合は、問題なく講義に従うことができます。
💾受講前に確認してください！
- このレッスンはTypescript文法を正確に理解することに焦点を当てました。そのため、実践例や実習は別途含めません。 （もしリクエストが多ければ今後アップデートされるかもしれません。）本番は、NestJSやNextJSの講義など、実際のフレームワークを扱う講義で集中的に行われます。
- 練習環境には、Windows 10以降またはmacOSの最新バージョンを搭載したPCとTypeScript、Node.js、およびVSCを使用できるLinuxオペレーティングシステムの2つが必要です。
- IDE では Visual Studio Code を使用します。好きなIDEが別にあれば、他のものを使っても大きな問題はありません。
- 最新のStableバージョンのNode.jsを使用してください。
- 練習内容のすべてのコード資料はGitHubレポジトリを介して提供されます。
- コードファクトリーコミュニティはいつでも助けを得ることができます。
累積受講生9,000人以上
知識共有者コードファクトリーです！
私は2022年にフラッター講義を始め、InflearnとYouTubeで着実に活動してきました。比較的小さな生態系であるフラッター講義だけでInflearn 2022 Rookie of the Yearを達成し、今私のメイン技術領域であるJavascriptスタックとDevOpsそしてクラウドに向けて講義パイプラインを拡張するために様々な講義を準備中です。
Javascriptの講義で私の講義を判断するのが難しい場合は、Inflearnの私のコードファクトリーのフラッター講義のレビューをチェックしてください！常に進化し、良い講義を制作するコードファクトリーになります。
★★★★★
17年目の開発者です。この講義はフラッターに入門される方にもおすすめし、実務用プロジェクトにも大変役立つ講義です。これより良い講義がないですね。ここが本物です。受講料が惜しくないくらいきちんと説明していただき、本当にたくさんの助けを受けている講義です。
★★★★★
本当に完璧に近い講義です。フラッターを勉強しようと、ほぼすべての本を購入し、オンラインクローンコーディングもたくさんありました。他のプラットフォームでフラッターについて本当にじっくりと教えてくれる講義も聞きました。ところでこれが一番便利です。最も実用的でコスパがあります。これを先に学び、不足している部分を満たしていくことを心からアドバイスします。
★★★★★
その多くの講義の中で、コードファクトリー様の講義はベストオブザベストだと思います。私が見た他の講義の大部分がある部分で怠ったりパスしたりすることが多く、学ぶ立場で繋がらず、理解を逃して惜しい場合が本当に多かったのですが、コードファクトリ様の講義はそんなことはありません。一度聞いてみると後悔しないでしょう。後悔ではなく満足で私のような蒸し鍋になると思います。
★★★★★
世界中のプラットフォーム、YouTube、オフラインレッスンの一連のフラッターに関する最高のレッスンの1つではないかと思います。韓国語が母国語なのでこの講義を聞くことができるという点で幸いだと思うほどです。実務的な部分と技術的な部分が一緒に両立していて、ちゃんと概念を一つ一つ覚醒しながらステップを踏んでいく講義はこの講義だけのものがないと思います。
受講生のための特別な追加特典
1) 講義に追加されたらと思うTypeScript文法関連内容がある場合は遅滞なくお勧めください。私のTypeScript講義はこの講義の1つで終わり、今後追加される内容はすべてこの講義に追加されます。だから一度の購入で今後のすべてのアップデートを受け取ることができます。
2）定期的にYouTubeでライブ放送を行っています。あらゆる種類の開発の悩みと質問を受けており、講義を進め、困難がある場合にすぐに回答できる時間を割り当てるよう努力しています。これ以上コミュニケーションが取れない講師のため、ストレスを受けないでください！
3) 講義購入後、Inflearn Eメール認証時にDiscord有料コミュニティに入場可能です。また、よく活性化されているコードファクトリー公式カカオチャンネルも積極的に活用してください！
4）どのプログラミングスキルを学んでも、環境設定は受講生が非常に難しい要素の1つです。もちろん自分で解決しようとする姿は良い開発者になるために非常に重要な要素ですが、到底できない場合は遅滞せず私を活用してください。私たちのカカオチャンネルに入ってきて講義を教えてくださった後、遠隔申請をしていただければ、時間調整後に環境設定はすべて直接お見せしています！もう始まらずにあきらめないでください！
コードファクトリーの最後の講義が気になったら？
こんな方に
おすすめです！
学習対象は
誰でしょう？
TypeScriptを深く学びたい人
JavaScript を学び、次のレッスンを見つける人
ライブラリ/フレームワークのTS定義が読みづらい人
当社でTSを一番上手にしたい人
前提知識、
必要でしょうか？
JavaScript
27,421
受講生
1,426
受講レビュー
1,865
回答
5.0
講座評価
6
講座
안녕하세요 프로그래밍 강사 코드팩토리입니다!
코드팩토리 통합 링크
https://links.codefactory.ai
🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기
💼 주식회사 코드팩토리 대표
🏆 2023년 인프런 베스트셀러 수상
🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위
🏆 AWS Certified Developer Associate
🏆 AWS Certified Solutions Architect
カリキュラム
全体
77件 ∙ (8時間 10分)
4. [Mac] 環境設定
04:56
5. [Windows] 環境設定
05:06
6. JSの問題点を認識し把握する
09:52
7. Typescript 基本 タイプ
13:49
8. タイプとインターフェースの基本
10:17
9. enum
06:58
11. キャスティング
06:33
12. Union の基本
18:07
13. インターセクション 基本
04:42
14. ナローイング基本スキル
26:36
講座掲載日:
最終更新日:
受講レビュー
全体
71件
5.0
71件の受講レビュー
Justin Cha受講レビュー 9
∙
平均評価 5.0
5
47% 受講後に作成코팩님의 타입스크립트 강의가 나와서 바로 닥구했습니다. 결론부터 말씀드리면 코드팩토리님 강의는 정말 깔끔하게 TOP입니다. 처음 우연히 발견한 코팩님 강의는 다트 언어 무료 강의였고 바로 플러터 초급 강의를 구매하고 지금까지 모든 강의를 바로 바로 닥구해 오고 있습니다. 현재까지 코팩님 강의 들을 모두 다 듣고 느낀걸 간단히 정리하면 가진바 지식도 대단하지만 그 지식을 잘 정리해서 효율적으로 전달해주는 강의 스킬이 참 대단하십니다. 코팩님의 강의는 그냥 믿고 보시면 됩니다. 구매하고 후회 안하는 강의가 아니라 완전 반해버리는 강의입니다.
- 코드팩토리知識共有者
감동 수강평 감사합니다!!!
- charlottechoi09
受講レビュー 5
∙
平均評価 5.0
5
30% 受講後に作成결론부터 말하자면 5점 만점에 6점을 주고 싶은 강의입니다. TypeScript의 기초부터 시작하여 점진적으로 고급 개념까지, 아주 논리적인 흐름으로 개념을 이해할 수 있도록 잘 짜여진 것 같습니다. 중요한 개념들인 타입 시스템, 제네릭, 데코레이터 등은 깊이 있게 다룬 점이 특히 마음에 들었습니다. 예제와 실습을 통해 복잡한 개념들을 친절하게 설명해주셔서 이해하는데 많은 도움이 되었습니다. 강의에서 배운 개념들을 예시를 통해 적용해보며 자신감을 키우기에 적합한 강의라고 생각합니다. 타입스크립트를 효과적으로 배우고 싶은 모든 분들께 추천합니다.
- 코드팩토리知識共有者
감사합니다~!
codefactoryの他の講座
知識共有者の他の講座を見てみましょう！
![[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!강의 썸네일](https://cdn.inflearn.com/public/courses/328615/cover/4abab928-4fd1-442b-b422-3968f9cc393e/thumbnail.png?f=avif&w=420)
![[코드팩토리] [입문] Dart 언어 4시간만에 완전정복강의 썸네일](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
![[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스강의 썸네일](https://cdn.inflearn.com/public/courses/330969/cover/410fe1c7-4457-42c9-9710-296e402089db/Javascript)
似ている講座
同じ分野の他の講座を見てみましょう！
![따라하며 배우는 리액트 A-Z[19버전 반영]강의 썸네일](https://cdn.inflearn.com/public/courses/329170/cover/223c54c0-9220-4937-836d-70a36be3eb1c/329170-eng.png?f=avif&w=420)
개발자를 위한 자바스크립트강의 썸네일](https://cdn.inflearn.com/public/files/courses/337877/cover/01jyvwkxfmyxtq5ny0e5fmwmqp?f=avif&w=420)
![[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편강의 썸네일](https://cdn.inflearn.com/public/courses/329282/cover/08ece3d3-46fe-4a46-932b-8aca91135e8e/329282-eng2.png?f=avif&w=420)
![[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편강의 썸네일](https://cdn.inflearn.com/public/courses/329424/cover/5ae4e14d-c643-46be-9d4d-be3987a1f883/329424-eng.png?f=avif&w=420)
![[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지강의 썸네일](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일](https://cdn.inflearn.com/public/files/courses/332860/cover/01jnwb77yxra1hp8cm9hed0wnd?f=avif&w=420)
