강의

멘토링

로드맵

BEST
Programming

/

Full-stack

フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

この講義を通じてリアクトとファイアベースを利用してチャットアプリケーションを作成することができます。

  • John Ahn
React
Firebase
Web Application

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

こんなことが学べます

  • リアクト

  • ファイアベース

フォローして学習するチャットアプリケーションを作成し、
コア機能をひとつひとつに従って学習してみてください!

こんにちは^^
この講義では最初から機能一つ一つ、
1ページ1ページずつ直接チャットアプリケーションを作成します。

この講義では、ノードは使用しませんが、
ノード+リアクト基本選手知識があれば、より理解しやすいので、
ノード+リアクトを学んでいない人は、次のレッスンを最初に学んでください。

フォローして学ぶノード、リアクトシリーズ - 基本講義
実際のWebアプリを作成するためのノード+リアクト基礎概念学習

💡川の特徴

John Ahn, Firebase

リアルタイムストリーミングプロトコル(RTSP)方式のサポート

Firebaseは、認証、データベース、ストレージ、プッシュ通知、展開など
ほとんどのアプリを作成するときに必要な部分を自動的に作成するプラットフォームで、
リアルタイム(Real-Time)データ転送が必要なチャットアプリ、タクシーアプリなどを簡単に実装できます。

チャットアプリケーションの重要な機能を最大限に活用しようとしましたが、
作る過程で難しいロジックがたくさん入る
説明をする中で理解が良くなるように図表を利用し、
なぜこの部分がこうなるのか実際にお見せしながら講義が進むように努力して作りました。


💻使用スキル&学習内容

▲JavaScript(JavaScript)、リアクト(React)、Redux(Redux)関連の選手知識が必要です。

  • ログイン/会員登録、検証
  • DMに参加したユーザーのリアルタイム反映、DMメッセージルーム
  • チャットルームの作成、説明の追加、お気に入りの追加/削除
  • メッセージ通知数の表示
  • オープンルームで話す
  • 相手の会話を入力するときに教えてください
  • チャット検索、スケルトン効果
  • ファイルアップロードの割合を表示
  • ユーザーイメージの交換、イメージメッセージの送信
  • アプリケーションのデプロイ
  • etc.

🧰 ここで扱うツール

Visual Studio Codeを使用しますが、自分が好きなEditorを使用できます。
MACを使用しますが、ウィンドウでも可能です。


🙋🏻‍♂️ Q&A

Q. 非専攻者も聞くことができますか?
A. うん!専攻者、非専攻者に関係なく聞ける講義です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 楽しくコーディングしたい人

  • 最新技術に興味のある人

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

  • JavaScript

  • リアクト

こんにちは
です。

84,487

受講生

2,715

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

カリキュラム

全体

142件 ∙ (19時間 4分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

43件

4.7

43件の受講レビュー

  • 윤은석님의 프로필 이미지
    윤은석

    受講レビュー 14

    平均評価 5.0

    5

    58% 受講後に作成

    정말 React 와 nodejs , firebase 의 최고의 선생님이 아니신가 싶습니다. React와 Reudx 기초강좌를 완전히 띈 이후에, john ahn 님이 올려준 모든 강의만 제대로 숙지해서, 1번은 철저하게 따라서 만들면서 꼼꼼히 필기하고, 1번은 필기한 거 보면서 참고하면서 만들어보고, 1번은 안보고 만들어보고, 마지막으로 다시보고 그걸 창작으로 자신이 몇개만 만들어보면 매우 빠른 실력향상이 된다고 봅니다. 다만 아쉬운 건, cloud function 에 관한 내용이 담긴 강의 하나 만들어주시면 너무 좋을 것 같습니다 ㅠㅠ

    • foxball님의 프로필 이미지
      foxball

      受講レビュー 32

      平均評価 4.8

      4

      33% 受講後に作成

      좋은강의, 훌륭한 강의라는거에는 단연코 이의를 제기할생각이 없습니다. 하지만, 최근 2주전에 구독을한 저로써는 그동안 업데이트가 되어, 많은부분이 햇갈립니다. 리액트돔, 리덕스, 파이어베이스 v9버전 강좌를 듣고, 안되는부분을 될때까지 찾아야하니, 답답하네요. 혹시 최신버전으로 다시강좌를 만들생각이 있으시면 구독해서 듣도록하겠습니다. ......

      • 조용준 (Near)님의 프로필 이미지
        조용준 (Near)

        受講レビュー 25

        平均評価 5.0

        5

        77% 受講後に作成

        파이어 베이스 처음 해보는데 재밌는 강의 였습니다. 강의는 클래스였지만 훅스로 일단 해보았어요. 리액트 컴포넌트 구조화하는데 적응이 된 것 같습니다.

        • 빠스단님의 프로필 이미지
          빠스단

          受講レビュー 1

          平均評価 5.0

          5

          78% 受講後に作成

          이제 절반가량 듣고 있는데 제가 여러개 강의를 들어봤는데 확실히 diagram으로 수업진행하시니깐 훨씬 눈에 쏙쏙 들어오고 저도 다이어그램으로 이번에 정리하면서 공부 해보니 진짜 이게 효율이 다르네요. 덕분에 공부하는 도구하나 새롭게 습득해갑니다. 유튜브에서 firebase 강의 듣고 도저히 이해가 안갔는데 이강의들으니깐 진짜 강사님께서 얼마나 많이 준비를 하시고 진행하시는지 느껴지네요. 강추드립니다.

          • 오범준님의 프로필 이미지
            오범준

            受講レビュー 5

            平均評価 5.0

            5

            76% 受講後に作成

            항상 너무 감사한 존선생님! 덕분에 react 3일만에 복습했네요 감사합니다

            ¥5,363

            John Ahnの他の講座

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

            似ている講座

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