강의

멘토링

커뮤니티

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,682

受講生

2,701

受講レビュー

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% 受講後に作成

    Mặc dù đây là khóa học Firebase nhưng nó được dạy bằng React nên bạn có thể học rất nhiều về React. Nếu bạn cho chúng tôi biết cách xây dựng và lưu trữ, bạn có thể chia sẻ kết quả thông qua URL. Đây là bài giảng hữu ích dành cho người dùng front-end muốn tạo và phân phối một dự án đồ chơi đơn giản mà không cần phần phụ trợ.

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

      受講レビュー 2

      平均評価 4.5

      4

      100% 受講後に作成

      công lao 1. Bạn có thể tìm hiểu Firebase mới nhất. Đây thực sự là một khóa học tốt cho người mới bắt đầu. 2. Nếu bạn nhìn vào danh sách bài giảng, nó không dài lắm nên nó sẽ kết thúc ngay trước khi nhàm chán. 2. Tài liệu bài giảng được soạn bằng Notion rất hữu ích cho việc ôn tập hoặc ôn tập vào ngày hôm sau. 3. Tôi đã mua nó với giá giảm cho sự kiện Ngày Hangeul, nhưng giá học phí ban đầu vẫn ổn. điều bất lợi Lời giải thích là không đủ. Thiếu một lời giải thích cụ thể và dễ hiểu về lý do tại sao điều này lại ở đây và đầu ra chính xác sẽ là gì. Chỉ là... thế này thôi~ Giờ hãy viết thôi! Tôi đi tiếp. Lời giải thích không hoàn hảo. Cuối cùng, tôi cảm thấy như mình đang tự làm khổ mình nên đã tự mình tìm kiếm trên Google và tìm thấy nó. (Mặc dù ban đầu nó là về nghiên cứu phát triển) Dành cho những ai đang do dự về việc trả tiền: Bạn không cần phải biết React. Bạn phải biết rõ về nó. Ngay cả khi bạn không sử dụng JavaScript phức tạp, bạn vẫn cần biết cấp độ cơ bản và trung cấp + phiên bản mới nhất. (toán tử nullish / spread / async / ternary, v.v.) Điều này không xảy ra thường xuyên, nhưng dù sao thì nó cũng xuất hiện.

      • ucopy님의 프로필 이미지
        ucopy

        受講レビュー 5

        平均評価 5.0

        5

        100% 受講後に作成

        Điều đó tốt vì đây là nguồn phát triển hoạt động tốt.

        • 7552님의 프로필 이미지
          7552

          受講レビュー 9

          平均評価 5.0

          5

          8% 受講後に作成

          Khi làm việc ở giao diện người dùng, tôi luôn chỉ tạo các trang... Cảm ơn bạn rất nhiều vì đã cho tôi trải nghiệm lưu và quản lý dữ liệu cũng như chức năng đăng nhập được triển khai trong phần phụ trợ. ( _ _) Nếu tôi áp dụng tốt những gì đã học, tôi nghĩ mình sẽ có thể thực hiện được những hàm phức tạp hơn! Ngoài ra, nếu bạn có một mong muốn nhỏ, tôi sẽ thực sự đánh giá cao nếu bạn có thể cho tôi biết cách đăng nhập thông qua Google hoặc GitHub ngoài việc đăng nhập qua email!!! Hãy tiếp tục có những bài giảng hay trong tương lai nhé!! cười

          • yooss2006님의 프로필 이미지
            yooss2006

            受講レビュー 16

            平均評価 5.0

            5

            100% 受講後に作成

            Tôi đã học Firebase thật dễ dàng. Một bài giảng phải dành cho tất cả các nhà phát triển front-end!

            ¥4,225

            jejucodingの他の講座

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

            似ている講座

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