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

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 )