강의

멘토링

로드맵

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

こんにちは
です。

103,111

受講生

2,586

受講レビュー

163

回答

4.8

講座評価

80

講座

소개 이미지.png.webp

 

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

제주코딩베이스캠프란?

 

 

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

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


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

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

 


 

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

제코베 로드맵.png.webp

 

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

 

- 1.png.webp

 

カリキュラム

全体

24件 ∙ (3時間 34分)

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

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

受講レビュー

全体

27件

4.9

27件の受講レビュー

  • skdyds님의 프로필 이미지
    skdyds

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    파이어베이스 강의지만, 리액트로 진행하는 것이라 리액트 공부도 많이 할 수 있습니다. 빌드하고 호스팅하는 것도 알려주셔도 만든 결과물을 url 로 공유할 수 있고요. 백엔드 없이 간단한 토이프로젝트를 만들어 배포하고 싶은 프론트라면 유용한 강의입니다.

    • 어쩔티비~님의 프로필 이미지
      어쩔티비~

      受講レビュー 2

      平均評価 4.5

      4

      100% 受講後に作成

      장점 1. 최신형 파이어베이스를 배울 수 있습니다. 초보한테 정말 좋은 강의입니다. 2. 강의리스트 보시면 큰 규모가 아니라서 지루하기 전에 딱 알맞게 끝납니다. 2. 노션으로 준비하신 강의 자료가 다음 날 복습이나 복기를 하는데 도움이 됩니다. 3. 한글날 이벤트로 할인해서 샀지만, 애초에 본래 수강금액도 괜찮아용. 단점 설명이 부족합니다. 이게 이 자리에 왜있고 이렇게 하면 정확히 어떤 아웃풋이 나오는지에 대한 구체적이고 이해가 쏙 잘되는 설명 자체가 결여되어있습니다. 그냥... 이렇습니다~ 자 씁시다! 하고 넘어갑니다. 설명이 완벽하지 않다. 결국 똥싸다 만 느낌이라 혼자 구글링해서 찾아보고 그렇게 됩니다. (원래 개발공부란게 그렇지만) 결제 망설이시는 분 위해 : 리액트 모르면 안되구요. 잘 알아야 합니다. 자바스크립트도 복잡한 건 안쓰시지만 그래도 초중급 + 최신형 알아야 합니다. ( nullish / spread / async / ternary operator 등 ) 자주는 아닌데 암튼 나옵니다.

      • Ucopy Theme님의 프로필 이미지
        Ucopy Theme

        受講レビュー 5

        平均評価 5.0

        5

        100% 受講後に作成

        잘 작동되는 개발 소스라서 좋습니다.

        • FE7님의 프로필 이미지
          FE7

          受講レビュー 9

          平均評価 5.0

          5

          8% 受講後に作成

          프론트 작업을 하면서 항상 페이지만 만들어 왔었는데... 이렇게 백엔드에서 구현하는 로그인 기능과 데이터를 저장하고 관리할 수 있는 경험을 하게 해 주셔서 정말 감사합니다. ( _ _) 배운 내용을 잘 응용하면 좀 더 복잡한 기능을 구현할 수 있을 것 같아요! 추가로 작은 바람이 있다면 이메일 로그인과 더불어 구글이나 깃허브를 통한 로그인 방법도 알 수 있으면 정말 정말 감사할것 같습니다!!! 앞으로도 좋은 강의 계속 찍어주세요!! ㅋㅋ

          • 독산동총잡이님의 프로필 이미지
            독산동총잡이

            受講レビュー 16

            平均評価 5.0

            5

            100% 受講後に作成

            파이어베이스 너무 쉽게 배웠네요. 프론트엔드 개발자라면 꼭 들었으면 하는 강의!

            ¥4,071

            jejucodingの他の講座

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

            似ている講座

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