강의

멘토링

로드맵

개발 · 프로그래밍

/

풀스택

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

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

(4.5) 수강평 13개

수강생 159명

  • David

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

이런 걸 배울 수 있어요

  • 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 기초

안녕하세요
입니다.

542

수강생

34

수강평

55

답변

4.4

강의 평점

2

강의

🚀 풀스택 개발자, 데이비드 입니다.
🌿 정부지원 사업 MVP / 스타트업 초기 개발 24시간 상시 문의
🫡 MES/AI/관제 및 기타 시스템 구축 컨설팅
🌿 포트폴리오는 아래 링크를 참고해 주세요 🥰

포트폴리오링크

커리큘럼

전체

17개 ∙ (2시간 55분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

13개

4.5

13개의 수강평

  • fromkt6129님의 프로필 이미지
    fromkt6129

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    ファイアベースはんだに見ていたのですが、以前の講義で説明したとスキップされる部分が残念でした。 (firebase realtime database, cloud firestore) この二つに比較は最後の講義に取り上げられると言われたのにありませんね。 最後には映像二つがタイトルだけ違って同じ内容のようです。 だいたい物足りなさがありましたが、短くよく扱ってくれたようです。

    • realkimheejin3410님의 프로필 이미지
      realkimheejin3410

      수강평 1

      평균 평점 5.0

      5

      100% 수강 후 작성

      無専攻者なのに趣味でビュー+ファイアベース一人で年より詰まって探すようになりました。 一人でやる時はnpmとかなどのバージョンが合わず環境構築に一日ずつかかり、ビルド時に捕まらないエラー捕まえて一日ずつかかってそうだったのに。今回の講義はサンプルファイルに従うので、大きな困難はありませんでした。 ところがnode-cssバージョンエラーから消して敷いたのは一人でしたよりも比較的時間は節約したようです。 講師様授業資料pdfでいただきありがとうございますが、 講義の下部にもあればすぐに適用できると思われ、震度に沿って行きやすいです。 もっと良い講義を作ってくれると信じてもう一つ申し上げると、作業フォルダとファイアベースのフォルダ名が似ていてどこでどこにコピーするのか何回回してみました。私もマックスだがミッションコントロール画面にすっぽり切り替えるので初心者は追いつきにくいですよ。 もともとリーズナブルな価格なのに割引まで加えて、これほど金額に結果物まで出てきたことにとても満足しています。

      • moretz09211951님의 프로필 이미지
        moretz09211951

        수강평 64

        평균 평점 4.9

        5

        24% 수강 후 작성

        Firebaseを学ぶのが好き

        • david
          지식공유자

          幸いです。役に立ちました…^^

      • reenta님의 프로필 이미지
        reenta

        수강평 4

        평균 평점 5.0

        5

        100% 수강 후 작성

        firebaseと連動するvue講座で短いですが、強く学びます。

        • wany10190175님의 프로필 이미지
          wany10190175

          수강평 4

          평균 평점 5.0

          5

          76% 수강 후 작성

          軽く使い方をすくめていくのが良い

          ₩17,600

          David님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          비슷한 강의

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