강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

If you guys want to do backend, do it as much as you want. I'm fine with it because I have Firebase.

Are you a front-end developer and have you ever felt disappointed because you couldn't implement a login function? Have you ever wanted to implement a function that saves and loads data using a DB, but found it burdensome to study queries? With Firebase, it's easy! Let's implement essential functions for web development, such as user authentication, data storage, and hosting, with the power of React and Firebase! (This lecture was recorded in August 22 and reflects the major update of Firebase.)

(4.9) 27 reviews

642 learners

Firebase
React

Reviews from Early Learners

What you will learn!

  • Firebase

  • React

  • Custom React Hooks

All you need is React + Firebase
Front-end and back-end, all by yourself! 🔥

With the power of React and Firebase
Let's implement essential web development features!

Implementing client functions (HTML, CSS, JS) is possible, but
There are no backend developers around me
A lecture for those who have experience with stamping their feet!

파일:React-icon.svg

Firebase is a mobile and web application development platform.
A backend service that helps you develop high-quality apps quickly.

React + Firebase

In this lecture, we will create a simple application with React.
What you can do on the backend using Firebase
Implement user authentication and data communication (save, load, delete)

Let's create a complete web application.


Implemented with React + Firebase
<Heart-Pounding Secret Diary> service

You can make something like this🧙‍♂️


While creating the <Heart-pounding Secret Diary> service together,
Let's implement functions such as service login, post saving, and deletion!

[1] Implementation of membership registration and login functions

[2] Implementation of post creation/save function

[3] Implementation of post deletion function

Features of this course ✨

Latest in 2022
Web Version 9

A recent major update to Firebase has rendered existing V8-based code nearly unusable. This course is based on Firebase Web Version 9, the most recent version as of 2022.

React
Version 6

This lecture uses React's react-router-dom to handle routing. The code is based on the most recent major update, Version 6.

Customize it yourself
React Hooks

You can customize React Hooks to create your own. Of course, you can also use existing Hooks like useState and useReducer.

Contains lecture content
Provided with lesson materials

We also provide a detailed lesson plan. It covers all the content, so much so that you can implement the functions without even watching the video lectures. It's a great reference for watching lectures and is also very useful for refreshing your knowledge.

You can understand the overall operating flow of web applications, which is easy to miss when studying only the front-end.

You can become more familiar with hooks by customizing React hooks yourself.


You'll learn things like this! 📚

1. Setting up a Firebase project


Let's set up our project to use Firebase.

2. Page Routing


Let's implement page routing usingreact-router-dom .

3. Managing environment variables

Learn how to safely manage important data using environment variables.

4. Implementing login, logout, and signup using Firebase

Let's implement this function simply using the login, logout, and sign-up functions supported by Firebase.

5. Storing, Retrieving, and Deleting Data Using Firestore

Let's create our own DB using the Firestore service provided by Firebase.

6. Build, deploy, and host the project

Host your project by building and deploying it.

Q&A before taking the course 📝

Q. Is it okay if I don't know HTML, CSS, or JS?

A. This course does not provide a separate explanation of the above languages. A basic level of knowledge is required to understand the course.

Q. I don't know React. Is that okay?

A. It would be helpful to have basic knowledge of React, but it is not necessary to take the course.

Q. Which versions are covered in the lecture?

A. Most of the Firebase courses already available are built on V8. This course is based on V9, the latest version as of 2022. Additionally, react-router-dom was also developed using the latest V6 version.

hello.
This is instructor Han Jae-hyun . 🙂

Recommended for
these people

Who is this course right for?

  • For those new to Firebase

  • For those who want to use Firebase for login and hosting

  • Anyone who wants to create a React project

Need to know before starting?

  • HTML

  • CSS

  • JavaScript

Hello
This is

103,359

Learners

2,620

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

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

제주코딩베이스캠프란?

 

 

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

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


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

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

 


 

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

제코베 로드맵.png.webp

 

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

 

- 1.png.webp

 

Curriculum

All

24 lectures ∙ (3hr 34min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

27 reviews

4.9

27 reviews

  • skdyds님의 프로필 이미지
    skdyds

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

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

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

      Reviews 2

      Average Rating 4.5

      4

      100% enrolled

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

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

        Reviews 5

        Average Rating 5.0

        5

        100% enrolled

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

        • FE7님의 프로필 이미지
          FE7

          Reviews 9

          Average Rating 5.0

          5

          8% enrolled

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

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

            Reviews 16

            Average Rating 5.0

            5

            100% enrolled

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

            $26.40

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!