React の入門編を終えたすべての人

今は高度なプロセスです 💪

타입스크립트 100% 활용 풀스탭 개발 프로젝트

▶ 100% TypeScriptを使用したフルスタッフ開発プロジェクト

最初のWeb開発入門クラスとReact入門クラスの第2回に続き、この第3回クラスでは、ジュニア開発者向けに 100% TypeScriptを使用したフルスタック開発クラスを用意しました。このクラスは React の基本からさらに一歩進んだもので、TypeScript を使った型チェック、RPC の定義と実装、認証、ログイン、セッションなどすべてが含まれています。

TypeScript

学ばないといけないの？

React 프로젝트에 Typescript 환경 설정하기(❌CRA)

最近、TypeScriptの開発経験を求めているWeb開発者の求人情報がほとんどです。TypeScriptとは何ですか？なぜ必要なのですか？一番下の行から始めましょう

TypeScriptを使用すると、開発が「はるかに」簡単になります

多くの人がTypeScriptはまったく別の言語だと思っていると思います。ですから、まずはJavaScriptをマスターしてからタイプスクリプトを学ぶことだと思います。でも TypeScriptは私たちにとって新しい言語ではありません。特にJavaScriptを学んだことがある人向けです。

Edit Image Info

TypeScript公式サイトで定義されているものを直訳すると、 TypeScriptは、型の構文を含むJavaScriptとして記述されています。 文はぎこちないですよね？簡単に言えば、タイプスクリプトはJavaScriptと100％互換性のある言語です。 JavaScript のすべての機能が含まれていますが、開発者向けに多くの改良が加えられています。

最大の特徴の1つは、TypeScriptを使用するときに、コード内で型を指定し、型と一致しない変数または関数にエラーを生成することです。 事前にバグを取り除くそうします。

100% タイプスクリプト

使い方を紹介します Edit Image Info

このクラスは、最小限の外部モジュールのみを使用して、必要な機能を直接実装します。 人気のあるライブラリの使い方を学ぶのではなく、そのライブラリが内部でどのように機能するかを考えます。

このクラスは SNS サービスを最初から最後まで作成します。完了したサービスの例とはリンクこちらで確認できます。ただし、この例は文字通り一例にすぎません。コース全体を通して、すべてのコードはメンテナンスしやすいように書かれています。授業終了後 新しい機能は、わずか数行のコードで実装でき、1 回のコマンド実行でデプロイできます。 独自のサービスを作成して実行してください！

📝 データ提供

各章のコードは Github または zip ファイルで提供されています。

カリキュラムプレビュー

📍 エクスプレス、リアクト、タイプスクリプト

Edit Image Info

バックエンドはExpressに基づいており、フロントエンドはReactに基づいており、これらはすべてTypeScriptを使用しています。アプリのさまざまな部分で TypeScript を最大限に活用して、メンテナンスが容易なコードを書いてください。 タイプ泣きの方は、このクラスでショックセラピーで治療します。

📍 RPC 実装

Typescriptのタイプチェックを使用して、IDEに適した通信プロトコルを直接実装します。

📍 OAuth

Edit Image Info

OAuth2プロトコルを理解したあと、カカオでログインを実装するためのリクエストがライブラリなしでカカオサーバーに直接送信されます。セッションの管理も自分でやろうと思います。

📍 データベース統合+AWSデプロイ

MariaDB (MySQL) をインストールし、クエリを記述します。 完成したアプリは AWS 経由でデプロイされ、ビルドとデプロイはシェルスクリプトによって自動化されます。

ここまでたどり着いたら、おめでとうございます。フルスタック Web 開発者の第一歩を踏み出しました。

テクノロジースタックと同じくらい重要なことをお話ししましょう。

Edit Image Info

トレンドは際限なく変化し、新しいテクノロジーが日々流入しています。そして、一人の開発者が世界に存在するすべてのフレームワークをマスターすることは不可能です。開発者にとって本当に重要なのは、単なるテクノロジースタックではなく、 私はプログラミングを根本的に理解し、適用することができます。 また、このクラスでは、新しいフレームワーク/ライブラリの使い方を簡単に学ぶことができます 重点は基本的な能力の構築にあります。

TypeScriptを使ってフルスタック開発プロジェクトを始めましょう！

クラスラボ環境

基本的にはWindows 10をベースにしていますが、オペレーティングシステムに依存する章がないため、macOSなど他のオペレーティングシステムも使用できます。
IDE に依存する章はないため、vscode、WebStorm、IntelliJ などの使い慣れたプログラムを使用できます。

[リアクトディープニング] 100% TypeScriptを使用したフルスタック開発プロジェクト

[リアクトディープニング] 100% TypeScriptを使用したフルスタック開発プロジェクト