1/4

フルスタック Web 開発による学習用ケースガイダンスサービスの作成

中級
チャプター 9つ · 5時間 33分
日本語 · 英語 · 韓国語|オーディオ 韓国語

# ケースガイダンスサービスとは



> ケースガイダンスサービス、プレビューをご希望の場合は?[<] をクリックします。


(※ Class 101アプリ経由の接続はスムーズではありませんのでご注意ください!)


ウイルスが蔓延していた頃、多くの開発者が韓国でのウイルスの状態と経路を示すマップサービスを作成して配布していました。特に、このマップサービスはウイルスの状態を直感的に把握しやすくするために開発され、多くの人が助けられました!


このような直感的なサービスの開発は、今後続く非対面の状況においてますます重要になっていることがわかります。この授業を通して、そんなサービスを作るためのA-Zをまとめて、皆さんにもわかりやすくしていきたいと思います。


# このクラスでは何を学びますか?


よく見かけるウェブサイトはどのようなものですか?


1. 画面を表すフロントエンドフロントエンド、

2。ビジネスロジックを実装するバックエンドバックエンド、

3。データが保存されている DB サーバー

4。Web 上での通信を可能にするサーバー設定


4 つの手順がすべて完了しました。

このクラスを受講することで、フルスタック (フルスタック)、つまり React.js (フロントエンド)、Node.js (バックエンド)、MySQL (DB)、AWS (DB サーバー、ウェブサーバー) を使用する 4 つのステップすべてを学習します。


# 独自のケースガイダンスサービスを開発します!


1。React サーバーを使うと、希望するデザインの UI を画面に表示できます。

2。Node サーバーを使用すると、React サーバーと DB サーバー間でデータを送受信できます。

3。DB サーバー上のデータのクエリ、挿入、変更、削除のための機能を実装できます。

4。ローカルPCに実装された機能1~3は、外部からもアクセス可能なAWSサーバーにデプロイできます。

5。このレッスンの目標は、1から4をセットとしてフレーミングして、必要な機能を拡張して開発することです。

6。また、カカオマップの使い方や外部APIの使用方法についても学びます。


# このクラスは他の開発クラスと何が違うのですか?

1。フロントデスク、バックエンド、データベース、サーバー設定、ソースデプロイメントについてすべて学んでください。

2。また、ウェブプロジェクトの基本的な概念や要素についても学びます。

3。そのままフォローできる教材を提供します。

4。IT業界で非専攻で働いた経験に基づいて、非常に簡単に説明します。


# どんな人にこのクラスをお勧めしますか?

1。開発からクラウドサーバーの直接導入まですべてを行いたい方

2。ITの知識が不足しているために開発者とのコラボレーションに苦労しているプランナー、デザイナー、マーケティング担当者、営業、創設者

3。他の言語の開発者で、言語の範囲を広げたい方

4。独自のデザインとデータを使ったウェブサイトが必要な方

5。Web上でデモできるポートフォリオが必要な方




# クラスで使用される製品と開発ツール


  • リアクトとは何ですか?

フェイスブックが開発したJavaScriptライブラリです。ユーザーインターフェイス、つまり Web サイトの画面 (ビュー) を作成する言語です。

React には、コンポーネントと呼ばれる画面設定ユニットがあります。スクリーンコンポーネントをモジュール化して、必要な場所に埋め込むと便利です。

コンポーネントを使用すると、複数のページで一般的に使用される画面を 1 つのコンポーネントとして実装して再利用できます。


  • ノードとは

ノードはJavascriptベースの言語でもあります。React を使用して画面を設定する場合、ノードは目に見えない複雑なロジックやデータベースを接続するために使用されます。

だから私は通常、Nodeをバックエンド言語としてよく使います。フロントエンド言語とバックエンド言語の最大の違いは、バックエンド言語のみがデータベースをリンクできることです。


  • MySQL とは何ですか?

データベースを管理し、バックエンドサーバーからパラメーターを受け取ってデータのクエリ、登録、変更、削除の機能を実行するシステムの1つです。

データベースを使用する理由は、データを管理するためです。

React や Nodes が使用するデータは一時的なもので、時間が経つと消えてしまいます。このデータを失わずに保持できるのは、データがデータベースに保存されているためです。


  • AWS (アマゾンウェブサービス) とは何ですか?

上記のようにReact、Node、MySQLをPC(個人のノートパソコン、デスクトップ)でのみ開発した場合、完成した結果を見ることができるのは自分だけです。他の人にサイトを共有してもらいたい場合は、

プロジェクトは「外部からアクセス可能なサーバー」で実行する必要があります。aws などのクラウドサービスを使用すると、「外部からアクセス可能なサーバー」を非常に簡単かつ簡単に作成できます。

クラウドサーバーがない場合、開発者は高価なハードウェアを追加購入し、オペレーティングシステムをインストールし、複雑なプロセスを経てサーバーをセットアップする必要があります。

ただし、クラウドサービスは必要に応じて自分でセットアップしたハードウェアのみをレンタルするため、サーバーを安価かつ効率的に使用できます。




# トレーニング環境ガイド

  • Windows オペレーティングシステムを使用するデスクトップまたはラップトップコンピューターが必要です。
  • AWS にサインアップするには、支払い方法を登録する必要があります。海外での支払いに使用できるビザまたはマスターカードが必要です。デビットカードとクレジットカードの両方が使用でき、無料版(無料利用枠)を使用しているため、料金はかかりません。




# このクラスの作成者による実際の学生レビュー

수강생 후기


キット・コーチング券

📧 ブルーポピー直送 1:1 コーチングチケット(2回)

-コーチングチケット1枚につき合計2つの質問をすることができます

-1問につき250文字前後の回答を書いて送信します。


-まず、トレーニングコンテンツに関するフィードバックやソースコードの修正を受けることができます。(推奨)

-第二に、コース内容に関する追加の説明が必要な場合に使用できます。

-3つ目は、個人的に実装したい機能があれば、どのパッケージを使うべきか、そしてそれをより大きなフレームワークに実装する方法をお伝えします。

-他のクラスに関する質問については、回答の範囲内で心を込めて指導します。


※ コーチングチケットをご利用の場合

• Class101のウェブまたはアプリで [マイクラス] をクリックします。

• [マイクラス] に移動し、[コーチングチケットミッション] に移動して [コーチングを受ける] をクリックします。

• 質問は、ワードファイルとともに [投稿する] に残してください。

• コーチングは、受領日に基づいて順次回答されます。お届けの順番にもよりますが、7~10日かかる場合があります。

• コーチングチケットは購入日から20週間使用できます。

• 期間内に使用しなかった場合、払い戻しは行われません。


📩 一部のコーチングチケットは変更される場合があり、変更された場合は詳細をお知らせします。

カリキュラム

クリエイター紹介

青いヤンキィビ

青いヤンキィビ

私が何かを説明するとき、一番大事なのは相手の目線で話すことだと思います。私たちは常に、他の人に理解してもらい、知識やレベルに合わせてもらうよう努めています。思いついたアイデアを自分で実装するお手伝いをします。


私の紹介を簡潔に述べさせてください。


✔ SKTで6年目の開発者フリーランサー

✔ アモーレパシフィック、ホームプラス、亜州大学医療センター、 LG エレクトロニクスでの開発・運用作業

✔ 仁荷大学歴史・ソフトウェアコンバージェンス工学学士

✔ SCSC (サムスンコンバージェンスソフトウェアコース) 認定

✔ チューリング [非専攻でも利用できるWebプロジェクト] チューター

✔ [初心者向けリアクト200] 作者

✔ /*elice*/ フロントエンドコーチ


このクラスに似ているおすすめクラス

[WEBフルスタック] 最速のWeb開発、独自のWebサービスの作成Web · フロントエンド  |  good dev

著作権ガイドライン

  • クラスに含まれるすべての映像と資料は著作権法など関連法令により保護される知的財産です。
  • クラスに含まれるすべての映像や資料は、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。

    クラスに含まれるすべての映像と資料は著作権法など関連法令により保護されている知的財産です。
  • 著作権者の許可無く、クラスに含まれるすべての映像や資料を、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。
CLASS101JAPAN株式会社
japan@101.inc