こんなことを学びます
タイプスクリプトの高度な使い方
TypeScriptのさまざまな機能がサービス全体で使用されています。
外部モジュールなしで通信プロトコルを直接実装
サーバー関数を関数呼び出しのように実行する RPC を直接実装します。
OAuth2 によるセッション管理
カカオでのログインは、OAuth2プロトコルを介して直接実装されています。
React の入門編を終えたすべての人
今は高度なプロセスです 💪
▶ 100% TypeScriptを使用したフルスタッフ開発プロジェクト
最初のWeb開発入門クラスとReact入門クラスの第2回に続き、この第3回クラスでは、ジュニア開発者向けに 100% TypeScriptを使用したフルスタック開発クラスを用意しました。このクラスは React の基本からさらに一歩進んだもので、TypeScript を使った型チェック、RPC の定義と実装、認証、ログイン、セッションなどすべてが含まれています。
TypeScript
学ばないといけないの？
最近、TypeScriptの開発経験を求めているWeb開発者の求人情報がほとんどです。TypeScriptとは何ですか？なぜ必要なのですか？一番下の行から始めましょう
TypeScriptを使用すると、開発が「はるかに」簡単になります
多くの人がTypeScriptはまったく別の言語だと思っていると思います。ですから、まずはJavaScriptをマスターしてからタイプスクリプトを学ぶことだと思います。でも TypeScriptは私たちにとって新しい言語ではありません。特にJavaScriptを学んだことがある人向けです。
TypeScript公式サイトで定義されているものを直訳すると、 TypeScriptは、型の構文を含むJavaScriptとして記述されています。 文はぎこちないですよね？簡単に言えば、タイプスクリプトはJavaScriptと100％互換性のある言語です。 JavaScript のすべての機能が含まれていますが、開発者向けに多くの改良が加えられています。
最大の特徴の1つは、TypeScriptを使用するときに、コード内で型を指定し、型と一致しない変数または関数にエラーを生成することです。 事前にバグを取り除くそうします。
100% タイプスクリプト
使い方を紹介します
このクラスは、最小限の外部モジュールのみを使用して、必要な機能を直接実装します。 人気のあるライブラリの使い方を学ぶのではなく、そのライブラリが内部でどのように機能するかを考えます。
このクラスは SNS サービスを最初から最後まで作成します。完了したサービスの例とは リンク こちらで確認できます。 ただし、この例は文字通り一例にすぎません。コース全体を通して、すべてのコードはメンテナンスしやすいように書かれています。 授業終了後 新しい機能は、わずか数行のコードで実装でき、1 回のコマンド実行でデプロイできます。 独自のサービスを作成して実行してください！
📝 データ提供
各章のコードは Github または zip ファイルで提供されています。
カリキュラムプレビュー
📍 エクスプレス、リアクト、タイプスクリプト
バックエンドはExpressに基づいており、フロントエンドはReactに基づいており、これらはすべてTypeScriptを使用しています。アプリのさまざまな部分で TypeScript を最大限に活用して、メンテナンスが容易なコードを書いてください。 タイプ泣きの方は、このクラスでショックセラピーで治療します。
📍 RPC 実装
Typescriptのタイプチェックを使用して、IDEに適した通信プロトコルを直接実装します。
📍 OAuth
OAuth2プロトコルを理解したあと、カカオでログインを実装するためのリクエストがライブラリなしでカカオサーバーに直接送信されます。セッションの管理も自分でやろうと思います。
📍 データベース統合+AWSデプロイ
MariaDB (MySQL) をインストールし、クエリを記述します。 完成したアプリは AWS 経由でデプロイされ、ビルドとデプロイはシェルスクリプトによって自動化されます。
ここまでたどり着いたら、おめでとうございます。フルスタック Web 開発者の第一歩を踏み出しました。
テクノロジースタックと同じくらい重要なことをお話ししましょう。
トレンドは際限なく変化し、新しいテクノロジーが日々流入しています。そして、一人の開発者が世界に存在するすべてのフレームワークをマスターすることは不可能です。開発者にとって本当に重要なのは、単なるテクノロジースタックではなく、 私はプログラミングを根本的に理解し、適用することができます。 また、このクラスでは、新しいフレームワーク/ライブラリの使い方を簡単に学ぶことができます 重点は基本的な能力の構築にあります。
TypeScriptを使ってフルスタック開発プロジェクトを始めましょう！
クラスラボ環境
- 基本的にはWindows 10をベースにしていますが、オペレーティングシステムに依存する章がないため、macOSなど他のオペレーティングシステムも使用できます。
- IDE に依存する章はないため、vscode、WebStorm、IntelliJ などの使い慣れたプログラムを使用できます。
[イマーシブコーディングインストラクターのカン・ヒョンスによる1対1のコーチング]
- 授業を受けることの難しさについて1対1で説明します。
- 合計 2 つの質問あなたならできる、 300 キャラクター 社内と社外の両方でお答えします。
- コーチングは、質問を受け取った日に基づいて順番に回答されます。
- これには少なくとも 1 ～ 3 日かかる場合があります。
- コーチングチケットは購入日から20週間使用できます。
- 期間内に使用しなかった場合、払い戻しは行われません。
カリキュラム
クリエイター紹介
熱中コーディング
こんにちは、イマーシブ・コーディングの講師であるカン・ヒョンスです。
私は2010年に独学の学生としてプログラミングを始め、2018年にフリーランサーとして働き、現在はスタートアップでフルスタック開発者として働いています。私が使用する主な言語は Typescript と Go です。 github.com/wirekang 私の個人的なプロジェクトはこちらでご覧いただけます。
3回目の授業では、実務でよく使われる作業プロセスを適用していますので、フルスタック開発者を夢見る人にとっては大いに役立つでしょう。このクラスを通じて、ジュニア開発者にフルスタック開発者になるための強固な基盤を提供したいと思います。
몰입코딩
