BEST

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

Name: Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]
Price: 33000 KRW

In this course, you will learn how to create a chat application using React and Firebase.

(4.7) 43 reviews

1,034 learners

John Ahn

React

Firebase

Web Application

Reviews from Early Learners

What you will learn!

React
Firebase

Creating a chat application that you can learn by following along.
Learn the key features one by one!

Hello ^ ^
In this lecture, we will learn each function from the beginning,
Let's create a chat application one page at a time.

Although this lecture does not use nodes,
It is easier to understand if you have basic knowledge of Node + React .
If you haven't learned Node + React, it's recommended that you learn the following lecture first.

Node and React: Learn by Following Series - Basic Course
Learn the basic concepts of Node + React to build real-world web apps.

💡 Course Features

John Ahn, Firebase

Support for Real-Time Streaming Protocol (RTSP)

Firebase provides authentication, database, storage, push notifications, distribution, etc.
It is a platform that automatically creates the parts needed to create most apps.
You can easily implement chat apps, taxi apps, etc. that require real-time data transmission .

We tried to include as many core features of the chat application as possible.
Because there are a lot of difficult logics involved in the making process
To help you understand better during the explanation, we use diagrams.
I tried to make the lecture progress by actually showing why this part is like this.

💻 Skills Used & What You'll Learn

^{▲ Prior knowledge of JavaScript, React, and Redux is required.}

Login/Sign up, Validation check
Real-time reflection of users registered in DM, DM message room
Create a chat room, add a description, and add/delete favorites.
Show number of message notifications
Chat in a public room
Notify when the other person enters a conversation
Chat search, skeleton effect
Show file upload percentage
Replace user image and send image messages
Application deployment
etc.

🧰 Tools covered here

I use Visual Studio Code, but you can use any editor you like.
I use a MAC but it works on Windows too.

🙋🏻‍♂️ Q&A

Q. Can non-majors also take the course?
A. Yes! This course is open to both majors and non-majors.

Recommended for
these people

Who is this course right for?

People who want to have fun coding
People interested in cutting edge technology

Need to know before starting?

JavaScript
React

Hello
This is

84,234

Learners

2,698

Reviews

2,430

Answers

4.8

Rating

Courses

안녕하세요.

즐겁게 개발하고 있는 개발자입니다.

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.

- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

Curriculum

All

142 lectures ∙ (19hr 4min)

Course Materials:

Lecture resources

Section 1. Lecture materials

2 lectures

1. Source code material
2. Lecture Chart Materials

Section 2. Introduction and basic structure of the course

6 lectures ∙ (44min)

3. Introducing the React Firebase Slack App Video
03:03
4. Installing a React app and creating a structure
12:50
5. Setting up ESLint
04:46
6. Setting up React Router Dom
05:10
7. Setting up Redux
09:57
8. Using Firebase
08:47

Section 3. Creating the basic structure of a chat page

9 lectures ∙ (1hr 1min)

9. CSS Framework React Bootstrap
02:05
10. Creating a Membership Signup Page UI
06:53
11. Using react-hook-form
12:19
12. Create user by email in firebase
10:03
13. Adding details to a user created in Firebase
05:18
14. Save to the user database created in Firebase
07:49
15. Create a login page
04:22
16. Page navigation after authentication
05:54
17. Storing logged in user information in the Redux store
06:31

Section 4. Creating an authentication function

9 lectures ∙ (1hr 21min)

Section 5. Creating a Public Message Part

7 lectures ∙ (1hr 5min)

Section 6. Creating a Direct Message Feature

2 lectures ∙ (21min)

Section 7. Create a chat room like feature

4 lectures ∙ (36min)

Section 8. Show chat room information

2 lectures ∙ (18min)

Section 9. Implementing the Typing Function

4 lectures ∙ (19min)

Section 10. Implementing Auto Scroll and Skeleton

2 lectures ∙ (11min)

Section 11. Database, Storage Rules & Deployment

4 lectures ∙ (37min)

Section 12. [Reference] Redux

8 lectures ∙ (1hr 28min)

Section 13. From here on out, these are old lecture materials. (Deprecated)

0 lectures

Section 14. Lecture materials

5 lectures

Section 15. Lecture Introduction & Basic Structure

9 lectures ∙ (45min)

Section 16. Authentication Processing

14 lectures ∙ (1hr 37min)

Section 17. Basic structure of the chat page

12 lectures ∙ (1hr 45min)

Section 18. Public room chat

10 lectures ∙ (1hr 46min)

Section 19. DM (direct message) chat

5 lectures ∙ (46min)

Section 20. Notifications & Favorites Room

9 lectures ∙ (1hr 27min)

Section 21. Chat room information

3 lectures ∙ (29min)

Section 22. Typing...

4 lectures ∙ (36min)

Section 23. Auto Scroll & Skeleton

3 lectures ∙ (26min)

Section 24. Modifying source code with Firebase v9

9 lectures ∙ (1hr 15min)

Published:

Last updated:

Reviews

All

43 reviews

4.7

43 reviews

윤은석
Reviews 14
∙
Average Rating 5.0
5
58% enrolled
정말 React 와 nodejs , firebase 의 최고의 선생님이 아니신가 싶습니다. React와 Reudx 기초강좌를 완전히 띈 이후에, john ahn 님이 올려준 모든 강의만 제대로 숙지해서, 1번은 철저하게 따라서 만들면서 꼼꼼히 필기하고, 1번은 필기한 거 보면서 참고하면서 만들어보고, 1번은 안보고 만들어보고, 마지막으로 다시보고 그걸 창작으로 자신이 몇개만 만들어보면 매우 빠른 실력향상이 된다고 봅니다. 다만 아쉬운 건, cloud function 에 관한 내용이 담긴 강의 하나 만들어주시면 너무 좋을 것 같습니다 ㅠㅠ
foxball
Reviews 32
∙
Average Rating 4.8
4
33% enrolled
좋은강의, 훌륭한 강의라는거에는 단연코 이의를 제기할생각이 없습니다. 하지만, 최근 2주전에 구독을한 저로써는 그동안 업데이트가 되어, 많은부분이 햇갈립니다. 리액트돔, 리덕스, 파이어베이스 v9버전 강좌를 듣고, 안되는부분을 될때까지 찾아야하니, 답답하네요. 혹시 최신버전으로 다시강좌를 만들생각이 있으시면 구독해서 듣도록하겠습니다. ......
조용준 (Near)
Reviews 25
∙
Average Rating 5.0
5
77% enrolled
파이어 베이스 처음 해보는데 재밌는 강의 였습니다. 강의는 클래스였지만 훅스로 일단 해보았어요. 리액트 컴포넌트 구조화하는데 적응이 된 것 같습니다.
빠스단
Reviews 1
∙
Average Rating 5.0
5
78% enrolled
이제 절반가량 듣고 있는데 제가 여러개 강의를 들어봤는데 확실히 diagram으로 수업진행하시니깐 훨씬 눈에 쏙쏙 들어오고 저도 다이어그램으로 이번에 정리하면서 공부 해보니 진짜 이게 효율이 다르네요. 덕분에 공부하는 도구하나 새롭게 습득해갑니다. 유튜브에서 firebase 강의 듣고 도저히 이해가 안갔는데 이강의들으니깐 진짜 강사님께서 얼마나 많이 준비를 하시고 진행하시는지 느껴지네요. 강추드립니다.
오범준
Reviews 5
∙
Average Rating 5.0
5
76% enrolled
항상 너무 감사한 존선생님! 덕분에 react 3일만에 복습했네요 감사합니다

Limited time deal

$33,000.00

25%

$34.10

John Ahn's other courses

Check out other courses by the instructor!

따라하며 배우는 TDD 개발 [2023.11 업데이트]

John Ahn

이 강의를 통해서 테스트 주도 개발(TDD)을 이용하여 Node.js 어플리케이션을 만들어 봅니다.

초급

TDD, Node.js, Express

따라하며 배우는 TDD 개발 [2023.11 업데이트]

John Ahn

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

초급

React, Next.js, TypeScript

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

따라하며 배우는 리액트 네이티브 기초

John Ahn

이 강의를 통해서 리액트 네이티브를 이용해서 애플리케이션 개발을 할 수 있습니다.

초급

React Native, React, expo

따라하며 배우는 리액트 네이티브 기초

John Ahn

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

John Ahn

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

초급

React, React Context, 웹앱

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

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

초급

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

이 강의를 통해서 쇼핑몰 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

중급이상

React, Redux, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기

John Ahn

이 강의를 통해서 Google에서 제공하는 API를 사용해서 챗봇을 만들어 볼 수 있습니다.

초급

React, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

John Ahn

이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다.

초급

React, Redux, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

John Ahn

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다.

초급

React, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

John Ahn

따라하며 배우는 타입스크립트 A-Z

John Ahn

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

TypeScript, JavaScript

따라하며 배우는 타입스크립트 A-Z

John Ahn

따라하며 배우는 자바스크립트 A-Z

John Ahn

웹 개발의 기초가 되는 자바스크립트의 기초부터 중급까지 배울 수 있습니다.

입문

JavaScript

따라하며 배우는 자바스크립트 A-Z

John Ahn

따라하며 배우는 HTML, CSS

John Ahn

이 강의를 통해서 HTML, CSS 기본을 다질 수 있습니다.

입문

HTML/CSS

따라하며 배우는 HTML, CSS

John Ahn

따라하며 배우는 웹 게임

John Ahn

이 강의를 통해서 웹 게임을 어떻게 개발해야 하는지 알 수 있습니다.

중급이상

React

따라하며 배우는 웹 게임

John Ahn

따라하며 배우는 NestJS

John Ahn

이 강의를 통해 NestJS에 대해서 배울 수 있습니다.

초급

NestJS, PostgreSQL, TypeORM

따라하며 배우는 NestJS

John Ahn

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

John Ahn

이 강의를 통해 도커에 대해서 배울 수 있으며, CI 환경을 구성할 수 있습니다.

초급

GitHub, AWS, Docker

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

John Ahn

따라하며 배우는 데노(DENO) - 기본 강의

John Ahn

출시 전부터 많은 관심을 받았던 데노가 드디어 나왔습니다. 이 강의에서 데노가 노드와 어떻게 다르며 어떻게 데노를 다루는지를 배울 수 있습니다.

초급

Deno

따라하며 배우는 데노(DENO) - 기본 강의

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

초급

React, Node.js, 웹앱

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

Similar courses

Explore other courses in the same field!

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

정재남

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

초급

React, GraphQL, Firebase

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

정재남

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

Flutter로 메신저앱 만들기

DEV MOO

Flutter의 Riverpod 상태 관리와 Firebase를 활용해서 메신저 앱을 제작합니다.

초급

Flutter, Firebase, riverpod

Flutter로 메신저앱 만들기

DEV MOO

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

입문

React, Next.js, GraphQL

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

입문

HTML/CSS, JavaScript, React

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

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

Wintho

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

중급이상

React Native, Redux, Firebase

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

Wintho

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

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

React Native, React, ES6

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

Wintho

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 으로 실시간 날씨 앱 제작

임종태

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

닭강정

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

초급

React, Electron, GUI

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

닭강정

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

초급

MongoDB, React, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

John Ahn

Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT

SEJONG IT EDU

이 강좌를 통해 대체불가능한 NFT (Non Fungible Token) 을 활용한 비앱을 만들 수 있게 됩니다.

중급이상

웹앱, 블록체인, NFT

Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT

SEJONG IT EDU

자바(javafx) 실전 데스크탑앱 프로젝트 - 유튜브관리앱

김래옥

최소한의 이론으로 데스크탑앱만들기! 프로그래밍 경험이 없어도 누구나 시작하는 앱만들기!

입문

Java, 웹앱, JavaFX

자바(javafx) 실전 데스크탑앱 프로젝트 - 유튜브관리앱

김래옥

파이썬 웹서비스API 실전 프로젝트 - 돈 버는 디지털마케팅

노마드크리에이터

네이버쇼핑, 쿠팡파트너스 등 돈 버는 디지털마케팅은 꾸준함도 필요하지만, 과학적인 분석과 자동화로 쉽고 효과적으로 접근하세요. 인기상품, 키워드, 블로그, 쇼핑 정보를 수집하고 분석하는 프로그램을 만드는 핵심 비법을 알려드립니다.

초급

디지털 마케팅, Python, 웹앱

파이썬 웹서비스API 실전 프로젝트 - 돈 버는 디지털마케팅

노마드크리에이터

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

어메이징론

웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

입문

네트워크, Google Chrome, Chrome DevTools

키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

어메이징론

비전공자도 가능한 AI 바이브코딩 입문 코스

아이티커넥트

💡 비개발자도 AI와 함께 단 10시간 창업 MVP부터 수익화 서비스까지! 💰 외주비 수천만원이 필요했던 개발 이제 12만원으로 완전 해결 🎯 명함인식, 감정분석, 입지분석까지 실전 비즈니스 프로젝트 5개 완주 🔥 기획자, 마케터, 예비창업자라면 개발자 없이도 아이디어 구현 ⚡ 지금 시작하면 평생 써먹을 개발 자립 능력을 획득하세요!

입문

HTML/CSS, Java, 웹앱

비전공자도 가능한 AI 바이브코딩 입문 코스

아이티커넥트

아빠가 들려주는 [R shiny app] 만들기

김지형

R의 무궁무진한 기능을 웹 앱상에서 구현하도록 해 주는 R shiny 가장 간단하게 활용하고 배울 수 있도록 해 줍니다.

초급

웹앱, R

아빠가 들려주는 [R shiny app] 만들기

김지형

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

David

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

초급

Firebase

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

David

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

김영한

실무에 가까운 예제로, 스프링 부트와 JPA를 활용해서 웹 애플리케이션을 설계하고 개발합니다. 이 과정을 통해 스프링 부트와 JPA를 실무에서 어떻게 활용해야 하는지 이해할 수 있습니다.

초급

Spring, 웹앱, Spring Boot

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

김영한

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

초급

React, Java, AWS

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

바이브코딩으로 게시판 만들기+ 회원가입 로그인 (React + FastAPI)

Kyung-il In

바이브코딩으로 React 회원가입 로그인 + 게시판 만들기 (React + FastAPI)은 AI 프롬프트를 활용해 풀스택 웹 애플리케이션을 직접 완성해보는 실습형 강의입니다. OpenAI Codex와 Claude Code 이 강의에서는 React(Typescript) 프론트엔드와 FastAPI 백엔드를 연결하여, 회원가입 & 로그인 기능 게시판 CRUD(작성, 조회, 수정, 삭제) JWT 인증과 권한 처리 를 하나의 프로젝트 안에서 구현합니다. 특히, 단순히 코드를 작성하는 데서 끝나는 것이 아니라, 👉 AI 프롬프트로 코드 생성 → 실행 및 수정 → 테스트 → 확장 이라는 “바이브코딩” 학습 방식을 통해 AI와 함께 개발하는 새로운 흐름을 경험할 수 있습니다. 완강 후에는 “나만의 회원제 게시판 서비스”를 직접 완성할 수 있으며, 추가로 댓글, 좋아요, 이미지 업로드 같은 확장 기능까지 도전할 수 있습니다.

입문

React, Node.js, TypeScript

바이브코딩으로 게시판 만들기+ 회원가입 로그인 (React + FastAPI)

Kyung-il In

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

Reviews from Early Learners

What you will learn!

💡 Course Features

💻 Skills Used & What You'll Learn

🧰 Tools covered here

🙋🏻‍♂️ Q&A

Recommended for these people

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

Curriculum

Reviews

John Ahn's other courses

Similar courses

Recommended for
these people

Hello
This is