Thumbnail
개발 · 프로그래밍 풀스택

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

(4.5)
13개의 수강평 ∙  151명의 수강생

17,600원

지식공유자: David
총 17개 수업 (2시간 55분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[풀스택] 강의입니다.

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

✍️
이런 걸
배워요!
Vue.js
Service Worker
Firebase
PWA

Firebase로 쉽게, 무료로 웹 서비스 구축하기! 

Firebase를 이용하여 간단하게 서비스 구축하기

웹 서비스/웹 앱을 구축하고 싶은데, 어디서부터 구축해야 할지 막막한 입문자분들을 위한 강의!

어렵게 aws나 별도 IDC 혹은 cafe24 등을 통해 웹서비스를 구축하는 것보다
더 쉽게 그리고 무료로 웹 서비스를 구축하는 방법에 대한 강좌를 준비했습니다.

본 강의는 Google Firebase를 활용한 초간단 무료 웹 서비스(혹은 웹앱) 구축 방법을 설명한 강좌 입니다.

도움이 되는 분들

  • 린스타업 개발자 분
  • 1인 창업을 하려는 개발자 분
  • 무료로 웹서버를 구축해야 하는 스타트업
  • Vue.js / React.js / Angular 중 고민을 하는 개발자
  • 풀스택 개발자를 꿈꾸시는 분
  • 잘 작성된 탬플릿을 활용해서 개발을 하고 싶은 초급 개발자

배우는 것들

[Git 뽀개기] (feat. 가장 쉽게 이해하는 Git의 모든 것)

  • Github desktop 설치
  • Github 계정 생성
  • Repository 생성
  • Clone Repository 
  • Branch 생성
  • 협업시 필요한 Pull Request 방법
  • Github desktop 활용한 Commit/Revoke 방법
  • 디스코드 메신저에 웹훅 연동

[Vue 개발 환경 셋업]

  • yarn 설치
  • 템플릿을 활용한 빌드
  • Firebase Hosting 에 배포해 보기

[Vue에 대한 이해] (feat. 예제로 따라하는)

  • Vue 에 대한 초간단 이해
  • Vue Router 에 대한 초간단 이해

 

[서비스 만들어 보기]

  • 회원가입 화면 구축
  • DB Insert/Update/Delete/Query 실습
  • 물리적 파일 업로드/다운로드 관리 실습
  • Service Workter/PWA 연동 방법

[끝맺음]

  • Vue 사용시 유용한 npm Library 설명 ( Excel upload,download / Cookie / Lazy Image load )
  • Vue 사용시 주의할점
  • Vue vs Angular vs React 비교 설명

참고사항

  • 학습 환경 : Mac / Chrome / npm
  • 프로그램 : Visual Studio Code
  • 사전 지식 : Javascript 기초 지식 / npm 기초 지식 / Vue.js 기초지식
  • 선수 과정 : "2021, 요즘 누가 유료로 웹서비스 구축하나, 파이어 베이스의 모든것 - Javascript"
  • 3만원 상당의 보일러 플레이트 무상 제공(강좌를 통해 추가된 모듈 및 기본 탑재 모듈 포함)
  • 권고사항 : 전문 강사가 아닌 실제 현역 개발자로서 강의가 매끄럽지 못하고 목소리도 매끄럽지 못할수 있으니 필히 무료 영상을 시청해보시고 강의 구매 부탁드립니다.

지식공유자 소개

David

  • 현 ) 스토어링크 CTO (2017.11 ~ )
  • 전 ) Applied Material / 웹 개발자 / 부장 (2017.05 ~ 2018.10)
  • 전 ) 삼성 디스플레이 / 자동물류 시스템(RTD) 개발자 / OLED 섹션장 (2006.05 ~ 2016.05 )

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Vue 초심자
혼자서 모든걸 하고 싶은 풀스택 개발자
쉽고 빠르게 개발할 수 있는 방법을 찾고자 하시는 분
Native 코딩 없이 웹으로 앱 효과를 보고 싶으신분
📚
선수 지식,
필요할까요?
Javascript
jQuery
HTML
CSS
Vue.js 기초
npm 기초

안녕하세요
David 입니다.
David의 썸네일

안녕하세요 

반갑습니더 저는 개발자 데이비드 라고 합니다 ^^

https://fan-vinca-d33.notion.site/541824d6ecb6495eafddef764faf56b1

커리큘럼 총 17 개 ˙ 2시간 55분의 수업
이 강의는 영상, 수업 노트, 첨부 파일, 미션이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 인트로
섹션 1. Git 뽀개기
Github 사용 방법 - 1 06:57
Github 사용 방법 - 2 09:10
섹션 2. 개발 환경 셋업
템플릿을 활용한 개발 환경 구축 12:33
섹션 3. Vue에 대한 이해
Vue 에 대한 초간단 이해 - 1 10:39
Vue 에 대한 초간단 이해 - 2 06:02
섹션 4. 서비스 만들어 보기
회원가입 화면 구축 10:12
Firebase를 활용한 CRUD - 1 12:44
Firebase를 활용한 CRUD - 2 14:30
Firebase를 활용한 CRUD - 3 14:37
Firebase를 활용한 CRUD - 4 08:06
Firebase Storage 활용 실습 10:36
Service Worker/PWA 구현 - 1 11:51
Service Worker/PWA 구현 - 2 07:47
Service Worker/PWA 구현 - 3 미리보기 10:41
섹션 5. 마무리
유용한 Vue 3rd part 모듈 소개 16:23
Vue 사용시 주의사항 미리보기 08:55
강의 게시일 : 2021년 03월 17일 (마지막 업데이트일 : 2021년 03월 05일)
수강평 총 13개
수강생분들이 직접 작성하신 수강평입니다.
4.5
13개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
하윤아빠 thumbnail
5
파이어베이스땜에 보긴했는데, 이전 강의에서 설명했다고 스킵하시는 부분이 아쉬웠습니다. (firebase realtime database, cloud firestore)이둘에 비교는 마지막강의에 다루신다고 하셨는데 없네요.. 마지막에는 영상 두개가 제목만다르고 같은내용같습니다. 대체적으로 아쉬운점이 있긴했지만, 짧게 잘다뤄주신것 같습니다.
2021-07-12
huk thumbnail
5
가볍게 사용법 훑고 가기 좋습니다
2021-08-20
Reenta thumbnail
5
firebase와 연동하는 vue 강좌로 짧지만 강력하게 배워갑니다.
2021-10-01
김희진 thumbnail
5
무전공자인데 취미로 뷰+파이어베이스 혼자서 해보다 막혀서 찾게 되었습니다. 혼자서 할때는 npm이라던가 등등의 버전이 맞지 않아 환경구축하는데 하루 죙일 걸리고 빌드할때 잡히지도 않는 오류 잡느라 하루 죙일 걸리고 그랬는데. 이번 강의는 예제 파일로 따라가니 큰 어려움은 없었습니다. 한군데 node-css 버전 에러 나서 지우고 깔고 했던 것은 혼자했을때보다 비교적 시간은 절약한 것 같아요. 강사님 수업자료 pdf로 주신 것 너무 감사합니다만, 강의 하단에도 있다면 바로바로 적용할 수 있을거 같아 진도 따라가기 편할 것 같아요. 더 좋은 강의 만들어주실거라 믿고 하나더 말씀드리면 작업폴더랑 파이어베이스 폴더 명이 비슷해서 어디서 어디로 복사하는건지 몇번 돌려봤습니다. 저도 맥쓰지만 미션컨트롤 화면으로 휙휙 전환하니 초보자는 따라가기 힘들더라고요. 원래도 합리적인 가격인데 할인까지 더해서 이정도 금액에 결과물까지 나온것에 너무 만족합니다.
2022-03-26
lalazin thumbnail
5
파이어베이스 배우기 좋아요
2021-12-28
지식공유자 David
다행입니다. 도움이 되어서요.. ^^
2021-12-28