React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

Name: React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling
Price: 53620 KRW

이 강의를 통해 파이어베이스로 DB의 관계를 구현하는 방법을 배우시게 됩니다. 빠르게 리액트 풀스택 개발자가 될 수 있습니다. 고용이 불안정한 지금 이 시대에는 새로운 기술을 배워 자신의 가치를 올려야 합니다. 그리고 무언가를 만들어야 합니다. 그 사이드 프로젝트와 아이디어를 구현 할 때 데이터의 "관계"를 구현할 수 있어야 합니다. 이 강의는 파이어베이스 "파이어스토어"로 "관계"를 구현할 수 있도록 도와 드립니다.

(4.6) 수강평 7개

수강생 29명

브라이트코딩

이론 실습 모두

수익화

솔로프리너

Firebase React firestore database-modeling react-fullstack

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

Firebase Firestore 데이터 모델링 기초 배우기
Firebase Firestore 특성을 배워 응용 까지
Firestore로 One To One, One To Many, Many To Many 구현하기
간단 서비스 : VanillaJS + Firebase 로 비정규화(Denormalization) 구현
SNS 서비스 : React + Firebase 로 정규화(Normalization) 구현
React 기초 + 필요시 부분적 JS 학습
Firebase Authentication, Storage
Vite(+Vanilla +React) / React Router
비교적 빠른 시간 내에 Full-Stack 개발자 되기

지금 다니고 있는 회사...
만족 하시나요?

50세가 넘어서 까지...
안정적인 직장 생활이 가능할까요?

회사가 당신의 삶의
안정적인 버팀목이 되지 못합니다.

경기침체로 인해서 많은 스타트업이 망했고,
개발자들이 시장에 많이 나왔습니다.
기업은 권고사직, 정리해고, 희망퇴직,
구조조정을 하기 시작했습니다.
회사는 정년을 보장하지도 않고,
당신을 책임 지지도 않습니다.
앞으로 점점 더 늘어 날 것이며,
상황을 계속 악화 될 것이라 보입니다.

Q. 다른 언어 개발자인데 수강해도 되나요?

html / css는 복사 붙여넣기 하기 때문에, html / css는 약간이라도 아셔야 합니다.
데이터타입, IF문, 객체, 배열, 함수에 대한 이해는 있으셔야 합니다.
그러나 강좌에서 진행하는 반복분(forEach/map), DOM조작, 삼항연산자, 옵셔널체이닝, 비동기처리는 모두 슬라이드 이론을 설명해 드립니다. 그리고 실습에 들어갑니다.
당연히 리액트 기초 이론 / 문법도 자세하게 설명 드립니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

새로운 기술을 가져서 경쟁력을 가지고 싶은 개발자
빠르게 풀스택 개발자가 되고 싶은 경우
프론트 개발자가 데이터베이스를 급하게 다뤄야 할 경우
백엔드 개발자 이지만 리액트(js)와 파이어베이스 지식을 빠르게 습득하고 싶을 때
플러터, 코틀린, 스위프트 개발자인데 파이어베이스 지식을 빠르게 습득하고자 하는 분

선수 지식,
필요할까요?

HTML, CSS 기초 지식 (코드를 보고 이해할 수 있으면 됨)
HTML, CSS 는 복사 / 붙여넣기 진행합니다.
JavaScript 기초 지식 (if문, 객체, 배열, 함수는 아셔야 합니다.)
React를 배우며 필요한 JS 지식은 부분적으로 설명 드립니다.

안녕하세요
입니다.

명

수강생

개

수강평

4.6

점

강의 평점

개

강의

반갑습니다.

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

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

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

커리큘럼

전체

62개 ∙ (9시간 59분)

해당 강의에서 제공:

수업자료

섹션 1. [Section 0] 강의소개와 이론기초

5개 ∙ (24분)

섹션 2. [Section 1] 바닐라 자바스크립트 + 파이어베이스

14개 ∙ (1시간 54분)

섹션 3. [Section 2] 파이어베이스 파이어스토어 데이터모델링 기초

9개 ∙ (1시간 10분)

20. 1. Firestore vs 관계형데이터베이스 비교
02:09
21. 2. 엔티티(Entity), 속성(Attribute), 관계/Key
02:22
22. 3. 파이어스토어 관계구현을 위한 기본기 - 데이터 타입
05:02
23. 4. 파이어스토어 관계구현을 위한 기본기 - 참조 저장
10:58
24. 5. 파이어스토어 관계구현을 위한 기본기 - 자동부여id
12:25
25. 6. 파이어스토어 관계구현을 위한 기본기 - 서브컬렉션
02:57
26. 7. 파이어스토어로 One To Many 구현하기
09:57
27. 8. 파이어스토어로 One To One 구현하기
03:38
28. 9. 파이어스토어로 Many To Many 구현하기
21:12

섹션 4. [Section 3] 리액트 + 파이어베이스 - Part 1

17개 ∙ (3시간 1분)

섹션 5. [Section 3] 리액트 + 파이어베이스 - Part 2

16개 ∙ (3시간 28분)

섹션 6. 추가 및 보충

1개

강의 게시일:

마지막 업데이트일:

수강평

전체

7개

4.6

7개의 수강평

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

배움이 더 쉬워지는 9월 깜짝 연장 중 (1일 남음)

₩53,620

25%

₩71,500

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

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

정재남

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

초급

React, GraphQL, Firebase

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

정재남

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

초급

MongoDB, Express, React

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

NodeFull Stack 개발 가이드

싸플

맥 또는 윈도우 상관없는 Docker 환경에서 나만의 쇼핑몰을 만들어 봅시다 ^^

초급

React, Docker, redux-toolkit

NodeFull Stack 개발 가이드

싸플

앵귤러 파이어베이스 완전정복 - PetStore 쇼핑몰 프로젝트

노마드크리에이터

앵귤러 Front-end와 파이어베이스 Back-end를 이용하여 다양한 분야에 바로 적용할 수 있는 Pet Store 쇼핑몰 Blueprint Application을 따라가면서 같이 만들어보는 실전 프로젝트 역량강화 과정입니다.

중급이상

Angular, PWA, Firebase

앵귤러 파이어베이스 완전정복 - PetStore 쇼핑몰 프로젝트

노마드크리에이터

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)

짐코딩

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

John Ahn

이 강의를 통해 리액트 애플리케이션을 테스트하는 법을 배우게 됩니다.

초급

React, React Context, 웹앱

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

John Ahn

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

The Coders Studios

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

중급이상

React Native, Firebase

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

The Coders Studios

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

Wintho

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

중급이상

React Native, Redux, Firebase

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

Wintho

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

신제용

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

입문

React, 웹앱, Next.js

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

신제용

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)

체험코딩

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

입문

Firebase, Next.js, vercel

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

체험코딩

개발자들 사이에서 통하는 바이브코딩 – 실무형 (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 세미나

이웅재

React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

지금 다니고 있는 회사...
만족 하시나요?

50세가 넘어서 까지...
안정적인 직장 생활이 가능할까요?

회사가 당신의 삶의
안정적인 버팀목이 되지 못합니다.

자신의 미래는 자신 스스로가 준비 해야 합니다.

버티면서 새로운 기술을 배우고 준비하는 것입니다!

데이터의 관계가 필요합니다.

이런 분들께 추천해요

리액트 + 파이어베이스 수강 후에는

이 강의의 특징

1. 강의 수강 시 CSS 프레임워크를 배운다고 힘드셨죠?

2. 강의 마다 이론을 설명하는 슬라이드 드립니다.

3. 이론은 슬라이드를 통해 최대한 자세하게 설명 드립니다

Firestore를 배우게 되어서, 손해 볼 것은 없습니다.

이런 내용을 배워요

강좌에서 사용하는 기술

궁금한 점이 있나요?

수강 전 참고 사항

실습 환경

학습 자료 - 간편한 활용 가능

이런 분들께
추천드려요

안녕하세요
입니다.

커리큘럼

수강평

비슷한 강의

React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

지금 다니고 있는 회사... 만족 하시나요?50세가 넘어서 까지... 안정적인 직장 생활이 가능할까요?회사가 당신의 삶의 안정적인 버팀목이 되지 못합니다.

자신의 미래는 자신 스스로가 준비 해야 합니다.

버티면서 새로운 기술을 배우고 준비하는 것입니다!

데이터의 관계가 필요합니다.

이런 분들께 추천해요

리액트 + 파이어베이스 수강 후에는

이 강의의 특징

1. 강의 수강 시 CSS 프레임워크를 배운다고 힘드셨죠?

2. 강의 마다 이론을 설명하는 슬라이드 드립니다.

3. 이론은 슬라이드를 통해 최대한 자세하게 설명 드립니다

Firestore를 배우게 되어서, 손해 볼 것은 없습니다.

이런 내용을 배워요

강좌에서 사용하는 기술

궁금한 점이 있나요?

수강 전 참고 사항

실습 환경

학습 자료 - 간편한 활용 가능

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

비슷한 강의

지금 다니고 있는 회사...
만족 하시나요?

50세가 넘어서 까지...
안정적인 직장 생활이 가능할까요?

회사가 당신의 삶의
안정적인 버팀목이 되지 못합니다.

이런 분들께
추천드려요

안녕하세요
입니다.