당근마켓을 만들며 배워보는 Firebase
누구나 마음 한켠엔 나만의 웹서비스를 만들고 싶어합니다.
프론트엔드는 어찌저찌 하겠는데 서버 만드는게 어렵고 귀찮다고요?
그렇다면 Firebase를 쓰십시오.
구글이 웹서버를 대신 만들어주기 때문에 여러분이 해야할 건 아무 것도 없습니다.
구글느님이 회원인증, DB관리, 스케일링 알아서 해주는 Serverless 개발환경을 체험하며
우린 그냥 프론트엔드에서 개발을 즐기면 됩니다.
덕분에 웹서비스 프로토타입 출시가 매우 쉽지만
실은 기능 하나 둘 추가하다보면 서버만들기랑 똑같긴 합니다.
HTML CSS JavaScript 조금만 알면 간단한 웹서비스는 누구나 만들 수 있으며
아조씨들이 평소에 만들고 싶어하던 당근마켓 카피를 만들어보도록 합시다.
가입, 로그인, 게시물발행, 수정, 알림, 리얼타임 채팅, 관리자 기능이 들어가있습니다.
Firebase 덕분에 매우 짧은 강의임
[필요한 사전지식]
– HTML/CSS 기초
– JavaScript 기초 (var let const, function, if else, for, arrray, object, 이벤트리스너)
– JavaScript 아예 모르면 자바스크립트 먼저 배우는걸 추천드립니다.
[만들어볼 기능과 페이지들]
상품진열페이지
상세페이지
업로드페이지
수정기능
채팅기능
알림기능
관리자 글수정삭제 기능
커리큘럼
| Part 1 | |||
| Firebase 쓰는 이유 (약팔이 영상) | 무료 | 00:08:00 | |
| Firebase 설치 방법 몇가지 정리 (쌩HTML사용시 & 리액트사용시) | 무료 | 00:12:00 | |
| Firestore Database에서 데이터 가져오는 법 (읽기) | 무료 | 00:13:00 | |
| Firestore Database에 데이터 저장하는 법 (쓰기) | 무료 | 00:12:00 | |
| Firebase Storage에 이미지 업로드하려면 | 무료 | 00:14:00 | |
| Firebase Authentication : 가입기능 만들기 | 무료 | 00:13:00 | |
| Firebase Authentication : 로그인기능 만들기 | 00:14:00 | ||
| Firestore Read : 상세페이지 만들기 | 00:13:00 | ||
| 지금 로그인한 유저의 정보 알아내기 | 00:14:00 | ||
| 수정기능 만들기 1 : 페이지 여러개 만들기 | 00:11:00 | ||
| 수정기능 만들기 2 : DB update 기능 숙제해설 | 00:10:00 | ||
| Firestore Rules 규칙 정리 | 00:10:00 | ||
| 채팅기능 1 : 유저 collection & 채팅방 collection 만들기 | 00:09:00 | ||
| 채팅기능 2 : 채팅방 만들어오라던 저번시간 숙제 | 00:13:00 | ||
| 채팅기능 3 : query로 원하는 document만 가져오는 법 | 00:13:00 | ||
| 채팅기능 4 : 메세지 DB 저장하기 (메세지는 그냥 댓글임) | 00:13:00 | ||
| 채팅기능 5 : DB변동사항 실시간 반영은 | 00:12:00 | ||
| Admin 권한 & Data validation | 00:13:00 | ||
| Firebase Hosting 으로 만든 사이트 발행 | 00:00:00 | ||
| Functions로 서버기능 만들기 : Functions 설치 | 00:08:00 | ||
| Functions로 만드는 알림기능 | 00:14:00 | ||
수강생 리뷰
관련강좌
도커 Docker & Container
웹서버를 만들든 파이썬으로 AI모델을 돌리든 뭘하든 도커와 컨테이너라는 용어를 자주 듣게 될텐데 왜냐면 이전과 다르게 프로그램을 컨테이너로 싸매서 배포 & 실행하는 경우가 많아졌기 때문입니다. …
신청하기50,000₩30,000₩
쉽게 배우는 Spring Boot & JPA
옆집 철수도 백엔드 개발자되는 시대라길래 6개월짜리 학원 며칠 다녀봤지만 막상 스프링 부트 배워보면 1. 어렵고 복잡함 2. 암기식임 3. 노잼 이런 이유 때문에 매년 …
신청하기180,000₩85,000₩
Next.js로 웹서비스 만들기
Next.js는 프론트엔드부터 서버까지 만들 수 있는 React기반 프레임워크입니다. 이것만 사용해도 풀스택 웹개발이 가능합니다. Next.js 사용시 서버사이드 렌더링이 쉽기 때문에 React, Vue만 사용해서 만든 …
신청하기160,000₩75,000₩
프론트엔드 개발자가 꿈인 학생의 솔찍한 후기입니다.
전 백엔드는 공부하기에 너무 귀찮고 힘들어서 계속 미루고있었어요. 근데 그러면 데이터 관리는 어떻게나 고민하고 있었는데
이 파이어베이스 강의를 알게 되어서 백엔드 관련된 지식을 가지지 않고도 CRUD를 할수있게 되었습니다!
심지어 어렵지도 않고 오히려 너무 쉬워서 이렇게 쉬워도 되나 싶을정도였습니다.
느러지는 설명은 과감하게 짜르고 일단 코드를 짜고 어떻게 동작하나 보여주고 그리고나서 원리를 설명해주시는게 너무 제 스타일이여서
단한번도 지루하지 않게 볼수있었습니다!
저처럼 백엔드를 어려워하는 분이 있으면 이 강의를 꼭 추천드리고 싶어요!
프론트만 간단히 배워서 사이드 프로젝트 구현하고 싶은 분들은 이 강의를 매우매우매우 강추합니다
자바스크립트를 취미로 공부하고 있습니다. Node.js로 백엔드 다루는 게 엄두가 안 나서 기본 프론트엔드 스택으로 서비스를 하나 구현하는데에 어려움을 겪고 있었습니다.
동적인 파일 생성 방법을 찾다가 결국 백엔드를 공부해야 하는 건가 하고 자포자기한 상태였는데 파이어베이스 강의를 통해서 동적 데이터 구현과 업로드가 가능해졌습니다.
꼭 당근마켓 클론이 아니어도 사이드 프로젝트로 동적 데이터를 구현해보고 싶은 분들에게는 강력히 추천합니다. 설명도 매우 쉽고 필요한 것만 알려주십니다.
인스턴스 어쩌구 객체 어쩌구 이딴 현학적 문법 씨부리는 사람들보다 코딩애플 선생님 강의가 훠얼씬 코린이들에게는 낫습니다.
자바스크립트 모르면 따라오기 어려우니 자바스크립트를 꼭 선행하시는 것을 추천합니다.
최고의 강의 입니다.
유튜브에서 코딩 애플 티쳐의 강의를 듣고 감탄하고, 파이어 베이스 강의를 질렀습니다.
정말 코팅 애플 티쳐는 쉽게 잘 가르쳐 주십니다. 별 5개 드립니다.
타사 플랫폼에서 파이어베이스 강의를 듣고 실망해서 강의 수강평에 쌍욕을 쓸까하다 참았고요
여기서 치료를 받습니다. ㅋㅋㅋㅋㅋ
강의 장점
1. 쉽게 잘 가르켜 준다.
2. 핵심만 간단하고 빠르고 갈캬준다.
3. 그렇다고 강의가 수준이 낮은것은 아니다. 언제나 응용을 할 수 있도록 안내를 해준다.
4. 타사 플렛폼 강사처럼 빈약한 수준의 강의는 아님
수강하셔도 후회하지 않습니다.
재미있고 효과적이네요
아주 쉽고 효과적으로 가르쳐주시네요
중간중간에 자꾸 웃기셔서 ㅋㅋ
중독성있습니다.
좋습니다
다른데서 공부를 하다가도, 막힐때가 많습니다.
그럴때 코딩애플에와서 강의하나들어주면 뼈대가 꽤 잡힙니다.
기본베이스가 정말 중요하다는걸 또 한번 느낍니다.
계속 하나씩 사게되네요 그냥 1년치 프리패스살껄 ;;
좋은 강의 감사합니다
다른 강의보다 직관적이고 유쾌한 설명에 반했습니다. 특히 React 강의에서 그 부분을 느끼고 웹에 흥미를 느껴 DB를 다루고 싶어 등록을 하였습니다
Firebase를 다 들으니깐 다른 강의도 듣고 싶고 모바일 앱도 만들어보고 싶네요!! 컴공생인데 학과에서 안가르쳐주는 부분을 가르쳐주셔서 좋았습니다.
하지만 firebase강좌는 질문 게시판이 없으며 흔히 말하는 쌩 자바스크립트로 진행합니다. 보통 선생님의 강의에 매력을 느껴 React나 Vue에서 넘어 오는 학생이 많을 것 같은데...ㅠㅠ
쌩 자바스크립트에서만 해주신게 조금 아쉬웠고 더 듣고싶은 항목이였습니다.
하지만 간결하고 이해가 빠른 설명 숙제로 인해 생각할 수 있는 항목을 주고 해설을 해주는 부분이 좋았습니다!
그래서 적용하고싶은 사람들에게는 조금 아쉬울것 같고 만약 firebase를 쉽게 배우고싶다! 쌩자바스크립트로만 만들고있다 라는 분에게는 최고의 수업이지 않을까 싶고 앞으로도 좋은 강의 부탁드립니다!! 이제 flutter가야지..!
Firebase + Vue / React 강의가 있으면 좋겠어요
유튜브에서 쌤의 React 강의를 듣고 React / Vue 까지 완강했습니다! 처음 접하는 사람한테는 생소할 수밖에 없는, 그래서 어떻게 보면 먼저 배운 '지식자랑'이라고밖에 뵈질 않는 강의들이 대부분입니다! 하지만 쌤 강의는 쉽고 간략한 변수와 단어만으로 가려운 부분을 시원하게 긁어줍니다. 그래서 낯설지 않게 프로그램을 조작하는 것도 가능하구요! 듣는 도중에 몇 번이나 웃었는지 셀 수도 없습니다. 이번 Firebase도 약팔이 영상에 넘어가서 결제해서 또 완강까지 했네요 ㅋㅋㅋ.
다만 이번 강의에서 아쉬운 부분이 있다면 React / Vue + Firebase 활용 강의였으면 하는 바람입니다. 데이터를 넣고 빼고 업데이트 하는 과정까지는 잘 조작해서 따라왔는데 채팅방편은 구글링을 해가며 활용중이지만 아직도 헤매고 있습니다. ㅠㅠ 물론 이제 막 배우기 시작한지라 제 활용능력이 현저히 떨어지는 것도 있겠지만 ... React / Vue버전으로 Firebase 강의가 있다면 좋을 거 같습니다 ㅠㅠ
군더더기 없이 핵심만 설명해주는 오랫만에 지루하지 않은 강의였습니다.
안녕하세요. 오늘 처음 유튜브를 통해 파이어베이스 무료강의 보고 바로 오늘 결재하고 오늘 완강했습니다.
주로 인프런이나 유튜브 강의를 챙겨보는데 돈을 내고도 정말 쓰레기같은 강의가 많아서 보다가 포기한 경우도 있는데
선생님 강의는 지루함이 없어 반나절만에 완강하고 머리속으로 이것저것 해보고 싶은것이 많이 생각나게 하는 강의였습니다.
무조건 쵝오!! 입니다.
다만 별이 하나 빠진 부분은 강의 설명에 나왔던 이미지와 같은 결과와 기능을 생각하고 강의들 결재하고 시작했는데
진행하면서 결과물이 다르게 하는 구나 하는 생각이 들어서 아쉬웠습니다만!!!
강의를 계속 들으면서 겉이 아니라 속을 배우는 강의라는걸 깨닫고 오히려 감탄했습니다.
아~ 한가지 더 말씀드리면 초보자들은 자바스크립트 기초를 꼭 이해하고 오셔야합니다.
엄청 훌륭함
핵심만 잘 정리해서 빠르게 강의해주어서 큰 도움이 되었습니다.
굿
자신감 생김
유투브나 책 보고 따라하다가 이해가 안되서 그만두기 일수였는데 이 강의를 보고 자신감이 생겼습니다.
강의에서는 알아야 되는 부분이랑 이해할 필요가 없는 부분을 잘놔눠서 알려줍니다.
파이어베이스는 간단하게 백엔드를 다룰수 있어서 처음으로 DB를 다루는 사이트를 만들때 추천합니다.
Vue 나 React 를 다룰때도 쉽게 사용할수 있어서 좋네요
프론트 지망하시는 분들에게 강력추천
이거 배우면 만들수있는거, 할수있는거 굉장히 많아집니다
강의 내용은 좋지만, 구버전에 대한 강의이기에 추천하지 않습니다.
강의 내용은 좋습니다.
하지만 현재 firebase v9가 나온 상태이고, v8과 v9 문법은 완전히 다르기 때문에 현재 시점에서 해당 강의를 추천하지 않습니다.
파이어베이스에 대해 아무것도 모르던 상태로 해당 강의를 사서 들었고, 나중에 v8, v9가 문법이 완전히 다르다는 것을 깨달았는데
돈과 시간이 좀 아깝네요
프론트엔드 포폴제작을 위한 백엔드로 최고임
functions까진 쓰지 않더라도, hosting 까지 파이어베이스로 가능하다보니 너무 편함.
node, express로 직접 서버 만드는것도 중요하겠지만, 일단 프론트엔드에 집중하면서 프로젝트 만들고 싶으면 백엔드를 간편하게 만들고싶을텐데, 파이어베이스로 너무 쉽게 가능하니 이지피지함.
회원가입, 로그인 로그아웃, 게시물 작성, 수정, 삭제, 조회가 가능하기 때문에 이것만 잘 써도 엥간한 프로젝트 혼자 쌉가능.
설명을 매우 잘해주심. 진짜 이해하기 쉬움. 근데 난 빡대가리라 이거 두번 돌려볼예정. ㅅㄱ
firebase 에 대해 충분히 느낄 수 있는 강의
firebase의 기초를 다지기에 아주 좋았습니다.
아쉬웠던건, 9버젼이 아닌 8버젼으로 강의가 진행된다는점과,
마지막 function 강의를 들을때 nodejs16 버젼을 사용해야 문제가 없었습니다.
18버젼으로 했다가, 문제가 생겨서 게시판에 질문을 남겼으나
답변을 제대로 못받고, 스스로 해결하여 별 하나 뺐습니다.
좋습니다. 백엔드가 어떻게 굴러가는지 큰 틀을 잡을 수 있었습니다.
프론트엔드 위주로 공부하고
노드 제이에스 넘어가기 전
백엔드가 어떤지 경험하기엔 최고의 강의라고 생각합니다.
정말 최고입니다.
선생님 정말 감사드립니다.
여러 강의 플랫폼에서 들어봤지만 강의의 재미, 내용 모두 최고였습니다.
파이어베이스 9버전부터 코드가 좀 달라져서 가능하면 최신버전 기준이었으면 하는 생각은 있습니다만
하여튼 최고입니다.
진짜 좋은 파이어베이스 최고의 강의
덕분에 프로젝트 진행하는데 정말 크게 도움을 얻고 갑니다! 감사합니다!
최고의 파이어베이스 강의
선생님 감사합니다!
제가 지금까지 들은 코딩 강의 중에 최고였습니다!
덕분에 이제 혼자서도 파이어 베이스에 대해 다루고, 응용할 수 있게 되었습니다!