강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

お前らバックエンドしたいことがあればいくらでもやって 俺は大丈夫だから俺はファイアベースがある

フロントエンド開発者なのにログイン機能を実装できず残念だったことがありますか? DBを使ってデータを保存して読み込む機能を実装したいのですが、クエリを勉強するのは面倒ですか?ファイアベースなら簡単に可能です!リアクトとファイアベースの力でユーザー認証、データ保存、ホスティングなどウェブ開発に不可欠な機能を一緒に実装しましょう! (該当講義は22年8月録画でファイアベースのメジャーアップデートを反映した講義です。)

Firebase
React

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

受講後に得られること

  • ファイアベース

  • リアクト

  • カスタムリアクトフック

リアクト+ファイアベースだけあれば
フロントエンドもバックエンドも一人でたっぷり! 🔥

リアクトとファイアベースの力で
Web開発の必須機能を実装しましょう!

クライアント機能の実装(HTML、CSS、JS)は可能ですが、
周りにバックエンド開発者がいない
足を動的に転がした経験のある方のための講義!

파일:React-icon.svg

FirebaseはモバイルおよびWebアプリケーション開発プラットフォームです。
高品質のアプリをすばやく開発するのに役立つバックエンドサービスです。

「React + Firebase」

このレッスンでは、リアクトで簡単なアプリケーションを作成し、
Firebaseを使用してバックエンドで実行できる
ユーザー認証とデータ通信(保存、インポート、削除)を実装して

1つの完全なWebアプリケーションを作成します。


リアクト+ファイアベースで実装する
<ドキドキ秘密日記>サービス

こんなものを作れますよ🧙‍♂️


<ドキドキ秘密日記>サービスを一緒に作ってみて
サービスログイン、投稿保存、削除機能などを実装してみてください!

[1]会員登録、ログイン機能の実装

[2] 投稿作成/保存機能の実装

[3] 投稿削除機能の実装

この講義の特徴✨

2022年最新
Web Version 9

しばらく前にFirebaseがメジャーアップデートされ、従来使用していたV8ベースのコードはほとんど使用できなくなりました。このレッスンは、2022年ベースの最新バージョンのFirebase Web Version 9に基づいています。

リアクト
Version 6

この講義ではリアクトの react-router-dom を利用してルーティングを処理しています。しばらく前にメジャー更新された最新バージョンのVersion 6に基づいてコードが動作します。

直接カスタマイズ
リアクトフック

リアクトフックを直接カスタマイズして、独自のフックを作ることができます。もちろん、既存に存在するHooksであるuseState、useReducerなども使用します。

講義内容が入った
教案提供

講義内容が詳細にまとめられている教案を一緒に提供します。映像講義を見なくても教案だけで機能を実現することができるほど、すべての内容が入っています。講義を見ながら参考にし、また内容を換気するのにも非常に便利です。

フロントエンドだけを勉強し、見逃しやすいWebアプリの全体的な動作フローを把握できます。

直接リアクトフックをカスタマイズしながら、フックにもっと馴染むことができます。


こんなことを学びます! 📚

1. Firebaseプロジェクトの設定


Firebaseを利用するためにプロジェクトを直接設定しましょう。

2. ページルーティング


react-router-domを使用してページルーティングを実装します。

3. 環境変数の管理

重要なデータを環境変数で安全に管理する方法を学びます。

4. Firebaseを利用してログイン、ログアウト、会員登録を実施する

ファイアベースがサポートするログイン、ログアウト、会員登録機能を利用して簡単にその機能を実装してみます。

5. ファイアストアを利用したデータの保存、呼び出し、削除

Firebaseが提供するFireStoreサービスを使用して独自のDBを作成します。

6. プロジェクトのビルドとデプロイ、ホスティング

プロジェクトをビルドしてデプロイするプロセスを通じて、あなたが作成したプロジェクトをホストします。

講義を受講する前にQ&A 📝

Q. HTML、CSS、JSを知らなくても大丈夫ですか?

A. このレッスンでは、上記の言語の説明を別途提供していません。基礎レベルの知識がなければ講義を理解するのに無理はありません。

Q.リアクトを知らないのに大丈夫でしょうか?

A.リアクトについて基礎的な知識があれば良いですが、なくても講義を聞くのに大きく支障はありません。

Q. 講義で扱っているバージョンは何バージョンですか?

A. すでに市販されているファイアベース講義の多くは、V8に基づいて制作されています。今回の講義では、2022年基準で最新のV9バージョンに基づいて作成されました。また、react-router-domも最新のV6バージョンで作業しました。

こんにちは。
講師ハン・ジェヒョンです。 🙂

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ファイアベースが初めての方

  • Firebaseを使ってログイン機能とホスティングをしたい人

  • リアクトプロジェクトを作りたい人

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

  • HTML

  • CSS

  • JavaScript

こんにちは
です。

104,373

受講生

2,686

受講レビュー

163

回答

4.8

講座評価

80

講座

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

カリキュラム

全体

24件 ∙ (3時間 34分)

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

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

受講レビュー

全体

27件

4.9

27件の受講レビュー

  • rayong님의 프로필 이미지
    rayong

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    ファイアベース講義ですが、リアクトで進行するのでリアクト勉強もたくさんできます。ビルドしてホスティングすることも教えても、作成した結果をurlで共有できます。バックエンドなしで簡単なトイプロジェクトを作って配布したいフロントなら有用な講義です。

    • 93ots3445님의 프로필 이미지
      93ots3445

      受講レビュー 2

      平均評価 4.5

      4

      100% 受講後に作成

      利点 1.最新のファイアベースを学ぶことができます。初心者には本当に良い講義です。 2. 講義リスト ご覧になれば大規模ではなくて退屈する前にちょうど程よく終わります。 2. ノッションで準備された講義資料が翌日復習や復期をするのに役立ちます。 3. ハングルデーイベントで割引して買ったが、そもそも本来受講金額も大丈夫用。 欠点 説明が足りません。これがこの場になぜあり、このようにすれば正確にどんな出力が出るのかについての具体的で理解がとても良い説明自体が欠けています。ただ…そうですね~さあ書こう!と渡ります。説明は完璧ではありません。結局うんざりしているだけな感じなので、一人でグーグルして探してみてそうなります。 (元々開発勉強というのですが) 決済躊躇の方のために:リアクトを知らないでください。よく知る必要があります。 JavaScriptも複雑なことはしませんが、それでも超中級+最新型を知る必要があります。 (nullish / spread / async / ternary operatorなど)頻繁ではないのに、とにかく出てきます。

      • ucopy님의 프로필 이미지
        ucopy

        受講レビュー 5

        平均評価 5.0

        5

        100% 受講後に作成

        うまく機能する開発ソースであることをお勧めします。

        • 7552님의 프로필 이미지
          7552

          受講レビュー 9

          平均評価 5.0

          5

          8% 受講後に作成

          フロント作業をしながら常にページを作ってきましたが…こうしてバックエンドで実装するログイン機能とデータを保存して管理できる経験をさせていただきありがとうございます。 学んだ内容をうまく応用すれば、もっと複雑な機能を実装できると思います! さらに小さな風があれば、メールログインに加え、GoogleやFateHub経由のログイン方法もわかれば本当に本当に感謝します! これからも良い講義を続けてください!

          • yooss2006님의 프로필 이미지
            yooss2006

            受講レビュー 16

            平均評価 5.0

            5

            100% 受講後に作成

            ファイアベースはとても簡単に学びましたね。 フロントエンド開発者ならぜひ聞いてほしい講義!

            ¥4,232

            jejucodingの他の講座

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

            似ている講座

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