React + Firebase Full Stack Development - Firebase Firestore Data Modeling

Name: React + Firebase Full Stack Development - Firebase Firestore Data Modeling
Price: 71500 KRW

Through this course, you will learn how to implement database relationships with Firebase. You can quickly become a React full-stack developer. In this era of unstable employment, you need to learn new skills and increase your value. And you need to create something. You need to be able to implement data "relationships" when implementing those side projects and ideas. This course will help you implement "relationships" with Firebase "Firestore."

(4.6) 7 reviews

29 learners

brightcoding

이론 실습 모두

수익화

솔로프리너

Firebase

React

firestore

database-modeling

react-fullstack

Reviews from Early Learners

What you will learn!

Learning the Basics of Firebase Firestore Data Modeling
Learn and apply Firebase Firestore features.
Implementing One-to-One, One-to-Many, and Many-to-Many Relationships in Firestore
Simple Service: Implementing Denormalization with VanillaJS + Firebase
SNS Service: Implementing Normalization with React + Firebase
React basics + partial JS learning if needed
Firebase Authentication, Storage
Vite (+Vanilla +React) / React Router
Becoming a Full-Stack Developer in a Relatively Short Time

The company I'm working for now...
Are you satisfied?

Even after 50 years old...
Is it possible to have a stable job?

The company is your life
It does not provide a stable support.

Many startups failed due to the economic downturn .
There are a lot of developers coming into the market.
Companies recommend resignation, layoffs, voluntary retirement,
We have started to restructure .
The company does not even guarantee retirement age.
I don't take responsibility for you.
It will increase more and more in the future,
It looks like the situation will continue to get worse.

Q. I am a developer in another language. Can I still take the course?

Since HTML/CSS are copied and pasted, you should know at least a little bit about HTML/CSS.
You should have an understanding of data types, IF statements, objects, arrays, and functions.
However, the iteration (forEach/map), DOM manipulation, ternary operator, optional chaining, and asynchronous processing that are covered in the course are all explained using slide theory. Then, we move on to practical training.
Of course, I will also explain React basic theory/grammar in detail.

Recommended for
these people

Who is this course right for?

Developers who want to gain a competitive edge by acquiring new skills.
If you want to quickly become a full-stack developer
When a front-end developer urgently needs to work with a database
When you're a backend developer who wants to quickly learn React (js) and Firebase.
For Flutter, Kotlin, and Swift developers who want to quickly learn Firebase.

Need to know before starting?

Basic knowledge of HTML and CSS (able to understand code by looking at it)
HTML and CSS are copied and pasted.
You should know the basic JavaScript knowledge (if statements, objects, arrays, and functions).
I will partially explain the necessary JS knowledge while learning React.

Hello
This is

Learners

Reviews

4.6

Rating

Course

반갑습니다.

회사에서 소프트웨어 기술을 활용하여, 즐겁게 개발하는 사람입니다.

이제 ai 발전과 더불어, Solopreneur 가 대세가 되는 시대가 곧 오리라 확신합니다.

그 헤게모니가 이동하는 흐름을 따라 좋은 강의를 출시하여, 큰 도움을 드리고자 합니다.

Curriculum

All

62 lectures ∙ (9hr 59min)

Course Materials:

Lecture resources

Section 1. [Section 0] Course Introduction and Theoretical Basis

5 lectures ∙ (24min)

Section 2. [Section 1] Vanilla JavaScript + Firebase

14 lectures ∙ (1hr 54min)

Section 3. [Section 2] Firebase Firestore Data Modeling Basics

9 lectures ∙ (1hr 10min)

20. 1. Firestore vs Relational Database Comparison
02:09
21. 2. Entity, Attribute, Relationship/Key
02:22
22. 3. Firestore Relationship Basics - Data Types
05:02
23. 4. Firestore Basics for Implementing Relationships - Saving References
10:58
24. 5. Basics for Implementing Firestore Relationships - Auto-generated IDs
12:25
25. 6. Basics for Implementing Firestore Relationships - Subcollections
02:57
26. 7. Implementing One To Many with Firestore
09:57
27. 8. Implementing One To One with Firestore
03:38
28. 9. Implementing Many To Many with Firestore
21:12

Section 4. [Section 3] React + Firebase - Part 1

17 lectures ∙ (3hr 1min)

Section 5. [Section 3] React + Firebase - Part 2

16 lectures ∙ (3hr 28min)

Section 6. Addition and Supplement

1 lectures

Published:

Last updated:

Reviews

All

7 reviews

4.6

7 reviews

김종원
Reviews 1
∙
Average Rating 5.0
Edited
5
27% enrolled
새롭고 알찬 내용 많은 도움과 길잡이가 됩니다!
- 브라이트코딩
  Instructor
  도움이 되셨다니, 너무 기쁩니다^^
남윤호
Reviews 1
∙
Average Rating 5.0
5
84% enrolled
강의 너무 깔끔하고 좋네요. 풀스택 준비하시는 분들에게 기준이 되는 강의가 되지 않을까 싶습니다.
- 브라이트코딩
  Instructor
  네 감사합니다^^
김희길
Reviews 5
∙
Average Rating 5.0
5
31% enrolled
- 브라이트코딩
  Instructor
  별점 5개 감사합니다. 수고하셨습니다~~
airking
Reviews 2
∙
Average Rating 4.5
4
31% enrolled
- 브라이트코딩
  Instructor
  감사합니다^^
mj.kim.ien
Reviews 1
∙
Average Rating 4.0
4
31% enrolled
- 브라이트코딩
  Instructor
  좋은 별점 주셔서 감사합니다!!!

$55.00

Similar courses

Explore other courses in the same field!

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

코배투

React로 광고 수익형 웹사이트를 만들어 봅니다. 광고를 최적화 하고 서버 비용을 줄이기 위한 방법과 규모에 따른 사이트 운영 Tip까지 배워봅니다.

초급

React, AWS, cloudflare

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

코배투

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

닭강정

이 강의에서는 React와 FastAPI를 활용해 실시간 투표, 댓글, 좋아요 등의 소셜 기능은 물론, 결제 시스템(카카오페이, 토스페이 등)을 연동해 수익화하는 방법까지 단계별로 실습합니다.

중급이상

React, MySQL, Docker

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

닭강정

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

MERN Stack을 활용하여 커뮤니티 어플리케이션을 제작하고, 배포합니다. (MongoDB, Express, React, Node + Firebase)

초급

MongoDB, Express, React

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

David

"요즘 누가 유료로 웹서비스 구축하나, Firebase의 모든 것" 강의가 Vue.js로 새로 돌아왔습니다. 1인 창업을 꿈꾸는 초급 개발자를 위한 바이블이 되어드립니다.

초급

Firebase, Vue.js, PWA

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

David

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

중급이상

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

초급

Vue.js, PWA, Firebase

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

React 비기너: 튼튼한 기본 만들기

김영보

React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.

초급

React, JavaScript, DOM

React 비기너: 튼튼한 기본 만들기

김영보

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

정재남

개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

초급

React, GraphQL, Firebase

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

정재남

틴더 파이어베이스 클론 | 리액트 네이티브

The Coders Studios

최소한의 시간 내에 리액트 네이티브를 배울 수 있도록 해드리겠습니다. 필요 없는 부분은 넣지 않았습니다.

중급이상

React Native, Firebase

틴더 파이어베이스 클론 | 리액트 네이티브

The Coders Studios

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

입문

React, 웹앱, Next.js

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

Wintho

React Native 기반 모바일 앱 개발을 위한 중급 강의입니다. 프론트엔드의 심화내용 학습 뿐만 아니라 Firebase 기반의 백엔드 내용까지 함께 배우면서, 서버 연동/ 로그인/ 데이터 송수신/ 공공API 활용 등이 가능한 하나의 완벽한 앱을 개발할 수 있도록 제작된 강의입니다.

중급이상

React Native, Redux, Firebase

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

Wintho

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

권태뽕

본 강의는 Flutter와 Firebase로 넷플릭스 UI를 클론 코딩하는 강의입니다! 가장 빠르게 앱 개발을 공부할 수 있는 Flutter를 시작하세요:)

초급

Flutter, 클론코딩, Firebase

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

권태뽕

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Javascript

David

2021년 새롭게 돌아온, "요즘 누가 유료로 웹서비스 구축하나, Firebase의 모든 것 - JavaScript" 강의! 1인 창업을 꿈꾸는 초급 개발자를 위한 바이블이 되어드립니다.

초급

Firebase

[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Javascript

David

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

개발자들 사이에서 통하는 바이브코딩 – 실무형 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

중급이상

React, Next.js, cursor

개발자들 사이에서 통하는 바이브코딩 – 실무형 (Cursor AI, Figma)

코드캠프

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트와 리액트 관련 강좌입니다.

중급이상

React, TypeScript

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

입문

Firebase, Next.js, vercel

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

React + Firebase Full Stack Development - Firebase Firestore Data Modeling

Reviews from Early Learners

What you will learn!

The company I'm working for now...
Are you satisfied?

Even after 50 years old...
Is it possible to have a stable job?

The company is your life
It does not provide a stable support.

You have to prepare your own future.

It's about persevering, learning new skills, and preparing!

We need relationships in our data.

I recommend this to these people

After taking React + Firebase course,

Features of this course

1. Did you find it difficult to learn CSS frameworks while taking the class?

2. For each lecture, we provide slides explaining the theory.

3. The theory will be explained in as much detail as possible through slides.

You have nothing to lose by learning Firestore.

Learn about these things

Technologies used in the course

Do you have any questions?

Things to note before taking the class

Practice environment

Learning Materials - Easy to Use

Recommended for
these people

Hello
This is

Curriculum

Reviews

Similar courses

React + Firebase Full Stack Development - Firebase Firestore Data Modeling

Reviews from Early Learners

What you will learn!

The company I'm working for now... Are you satisfied? Even after 50 years old... Is it possible to have a stable job? The company is your life It does not provide a stable support.

You have to prepare your own future.

It's about persevering, learning new skills, and preparing!

We need relationships in our data.

I recommend this to these people

After taking React + Firebase course,

Features of this course

1. Did you find it difficult to learn CSS frameworks while taking the class?

2. For each lecture, we provide slides explaining the theory.

3. The theory will be explained in as much detail as possible through slides.

You have nothing to lose by learning Firestore.

Learn about these things

Technologies used in the course

Do you have any questions?

Things to note before taking the class

Practice environment

Learning Materials - Easy to Use

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

Similar courses

The company I'm working for now...
Are you satisfied?

Even after 50 years old...
Is it possible to have a stable job?

The company is your life
It does not provide a stable support.

Recommended for
these people

Hello
This is