채널톡 아이콘

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

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

날개 달린 동전

강의를 홍보 링크로 공유하면, 판매 수익의 최대 25%를 받을 수 있어요!

이런 걸 배울 수 있어요

  • 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입니다.

540

수강생

34

수강평

55

답변

4.4

강의 평점

2

강의

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

포트폴리오링크

더보기

커리큘럼

전체

17개 ∙ (2시간 55분)

해당 강의에서 제공:

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

수강평

전체

13개

4.5

13개의 수강평

  • fromkt6129님의 프로필 이미지
    fromkt6129

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    I watched it because of Firebase, but I was disappointed that you skipped over the part that was explained in the previous lecture. (Firebase realtime database, cloud firestore) You said you would cover the comparison of these two in the last lecture, but it wasn't there.. At the end, the two videos have different titles but seem to have the same content. Overall, there were some regrettable points, but I think you covered them well in a short time.

    • reenta님의 프로필 이미지
      reenta

      수강평 4

      평균 평점 5.0

      5

      100% 수강 후 작성

      You will learn Vue in a short but powerful way by linking with Firebase.

      • realkimheejin3410님의 프로필 이미지
        realkimheejin3410

        수강평 1

        평균 평점 5.0

        5

        100% 수강 후 작성

        I am a non-major, but I was stuck trying to do View+Firebase on my own as a hobby, so I found this. When I did it on my own, it took me a day to set up the environment because the versions of npm and other things didn't match, and it took me a day to fix errors that weren't caught during the build. This lecture didn't have much difficulty because I followed the example files. I think I saved time compared to when I did it on my own because there was a node-css version error in one place and I had to delete and install it. I am so grateful that the instructor gave me the lecture materials in PDF format, but if it was also at the bottom of the lecture, I think I could apply it right away, so it would be easier to follow the progress. I believe you will make a better lecture, and I have one more thing to say. The names of the work folder and the Firebase folder are similar, so I had to copy them from where to where several times. I also use a Mac, but it was hard for beginners to follow because I switched quickly with the Mission Control screen. The price was reasonable, but I am very satisfied with the results for this amount of money with the discount.

        • wany10190175님의 프로필 이미지
          wany10190175

          수강평 4

          평균 평점 5.0

          5

          76% 수강 후 작성

          It's good to just skim through the instructions

          • moretz09211951님의 프로필 이미지
            moretz09211951

            수강평 64

            평균 평점 4.9

            5

            24% 수강 후 작성

            I like learning firebase

            • david
              지식공유자

              I'm glad it helped.. ^^

          비슷한 강의

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

          ₩17,600