로그인

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

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

웹 서비스/웹앱을 구축 하고 싶은데. 어디서 부터 구축해야 할지 막막한 입문자들, 어렵게 aws 나 별도 IDC 혹은 cafe24등을 통해 통해 웹서비스를 구축하는 것보다 더 쉽게 그리고 무료로 웹 서비스를 구축 하는 방법에 대한 강좌를 준비했습니다.

본 강의는 강사의 실무 경험을 토대로, 과거 / 현재 웹 서비스(혹은 웹앱) 구축 / 운영의 변천사와 Google Firebase를 활용한 초간단 무료 웹 서비스(혹은 웹앱) 구축 방법을 설명한 강좌 입니다.

학습 목표

  • Firebase를 이용해서 웹 호스팅, DB 관리, 스토리지 관리, 서버 사이드 작업을 웹에서 한 방에 하는 방법을 알려드립니다.

도움이 되는 분들

  • 린스타업 개발자 분
  • 1인 창업을 하려는 개발자 분
  • 무료로 웹서버를 구축해야 하는 스타트업
  • 서버개발를 어려워 하는 웹 개발자 분
  • 개발을 시작하는 입문자 분
  • 웹 기본 지식으로 풀스텍 개발자를 꿈꾸시는 분

배우는 것들

[Firebase에 대한 이해]
Firebase Hosting 소개
Firebase Auth 소개
Firebase RealTime Database 소개
Firebase Storage 소개
Firebase Cloud 함수 소개
[서비스 만들어보기]
샘플을 이용한 https 웹 서비스 구축 및 배포 해보기
Firebase Custom Domain 연결 실습
회원 가입,로그인, Social 로그인 실습
DB Insert/Update/Delete/Query 실습
물리적 파일 업로드/다운로드 관리 실습
외부 https api 메세지 수신 서버 만들기
[사이트 운영에 도움이 되는 부가 기능 추천]
Google 계정을 통한 메일 Sedner
Cron Job 사이트 소개
초간단 무료 웹앱 전환 사이트 소개

참고 사항

  • 학습 환경: Mac / Chrome / npm
  • 프로그램 : Visual Studio Code (1.24.0)
  • 사전 지식 : jQuery 혹은 javascript 의 기초 지식 / npm 기초 지식 / node.js 기초지식

지식공유자 소개

David Justin

현 ) 테크 플로어 ( AI를 활용환 물류 로봇 제어 시스템 ) / CTO (2018.11 ~ )
현 ) Team Tuesday ( 스토어링크 / 유짓 / YoungLab 플랫폼 외 다수 프로젝트) / CTO (2017.11 ~ )
전 ) Applied Material / 웹 개발자 / 부장 (2017.05 ~ 2018.10)
전 ) 삼성 디스플레이 / 자동물류 시스템(RTD) 개발자 / OLED 섹션장 (2006.05 ~ 2016.05 )

강좌 평가

4.9

16 개의 수강평
  • 5 점14
  • 4 점2
  • 3 점0
  • 2 점0
  • 1 점0
  1. 진성주의 프로필 사진

    파이어베이스 기본 알기 좋았습니다.

    4

    파이어베이스의 개념을 전반적으로 살펴보기 좋았습니다.

  2. ader의 프로필 사진

    제 경우는 파이어베이스가 안 맞는 걸까요?

    5

    일단… 저는 이전에는 카페24 호스팅을 구매하고
    웹에 워드프레스를 이용해서 홈페이지를 만들어서 강좌도 올리고 블로그 글도 올리고
    그 글들을 sns에 퍼갈수 있게도 작업을 한… 건 아니고 플러그인을 이용했었죠.

    최근에는 아마존 AWS 제일 저렴한걸 구매해서 거기에 다시 워드프레스를 설치하려다
    뭔가 꼬인건지 잘 안 되는 와중에 일이 바빠져서 잠시 멈춰 있었어요.

    그리고 이메일을 통해서 이 강좌를 보게 돼 영상을 조금씩 봐왔는데요…

    스토리지까지만 보고 그 이후는 보지도 못했네요.
    뭔가 내 역량을 넘어서는 영역을 넘보고 있는듯하기도 하고
    좀 검색을 해보니 db를 이용해서 모바일과 왔다갔다 하는 그런 걸 만드는 용도같기도 하고…
    혹시나 싶어 파이어베이스 블로그 템플릿 이런식으로 검색해봐도 별다른 내용이 없네요.

    맨 위에 언급했듯 그런 용도로 파이어베이스를 이용하겠다 그러면…
    그냥 기존에 사용하던 방식을 그대로 유지하는 게 더 나을까요?

  3. illua의 프로필 사진

    개념을 익히는데 좋은 것 같습니다!

    5

    강의 잘 듣고 있고 기본을 익히는데 좋은 것 같습니다.
    소스가 있었으면 했는데 다른 분 댓글에 답변이있어서 강의 듣는데 더 좋은 것 같습니다.
    저도 문의 하나드리면 강사님이 강의하실 때 보면 바로바로 웹에 적용 되는 것 같은데 저는 firebase에 호스팅하면 지연되서 반영되거나 뭔가 꼬이는거 같은데 이럴 경우 실시간 반영되게 하는 방법이나 리셋하여 다시 하거나 뭔가 팁 같은게 있을까요?

  4. 정우와소율의 프로필 사진

    강의 잘 듣고 있습니다.

    4

    강의 잘 듣고 있는데 질문이 있습니다.
    실습하실 때 문서에서 코드를 복사하여 사용하시던데
    수강생들도 코드를 복사해서 사용하려면 어떻게 해야 되는지요?
    공유 부탁드립니다.

  5. sohee kim의 프로필 사진

    쇼핑몰가능할까요??

    5

    아주 유익한 강의 잘 듣고 있습니다. 감사합니다.
    중간에 든 생각인데 쇼핑몰 구축이 가능 할까요? 당연 firebase에 추가요금이 들어가겠지만. 쿼리 속도라든가 결제방식등 실제 운영상에서 문제되는 요소들을 모아 다음 강의에 추가해주셨으면 합니다.

    • David Justin의 프로필 사진

      답변

      5

      답변주는 기능이 없어서 자꾸 제 자신한테 별점을 주네요 ㅎㅎ 오해없으셨으면..

      당연가능합니다.. 초반엔 무료로도 충분히 대응 가능합니다. 결제 모듈은 javascript 가능한 아임포트 연동해서

      아래 사이트는 제가 firebase로 무료료 대응하고 있는 사이트인데 회원수가 1000명정도 되는데 비용은 없습니다
      https://storelink.io

      아임포트도 결제 pg사 하나면 무료입니다

  6. David Justin의 프로필 사진

    댓글기능이 없어서 이렇게 답변답니다

    5

    보통 서버 개념이 있고 DB 개념이 있어서 서버에서 앱으로 전송한다는 컨샙이 유지되는데 firebase에서는 서버에서 받는게 아니라 직접 db에서 데이타를 필요시 가지고 온다고 보시면 됩니다

  7. WonSeob Byun의 프로필 사진

    강의 잘 듣고 있습니다.

    5

    단숨에 5강 째 보고 있습니다. 엔지니어가 아니라 이해도는 좀 떨어 집니다만…
    지금 AWS를 이용해서 데이터 (텍스트 – 자막)를 사용자앱으로 전송하고 있는데 이런 것도 Firebase로 가능할까요?

    • David Justin의 프로필 사진

      답변

      5

      AWS에서 전송한다는 의미는 서바가 따로 있다는 거 일텐데요.
      이런 경우 Android 앱에서 바로 Firebase API를 이용해서 데이타 핸들링을 하게 지원을 해서
      구지 전송 개념 없이 바로 앱에서 인지해서 사용할수 있지 않을까 합니다.
      답변이 늦어서 죄송합니다.

강좌 교육과정

웹 서비스
강의 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
웹서비스에 대한 이해학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:09:00
AWS / IDC / Cloud 비교 이해학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:10:00
Firebase Hosting
Hosting #1 : Hosting 이해 및 custom 도메인 연결학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
Firebase Auth
Auth #1 : 회원가입 (로그인)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:17:00
Auth #2 : 회원가입 (신규가입)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:24:00
Auth #2 : 회원가입 (Social 로그인 연동)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
Firebase Real-Time DB
Database #1 : Firebase DB 이해학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
Database #2 : Rule 정의 및 Insert학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
Database #3 : Query학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
Database #4 : Update학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Database #5 : Delete학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
Firebase Storage
Storage #1 : Storage 이해 및 이미지 업로드학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:19:00
Firebase Cloud 함수
Cloud 함수 #1 : Cloud 함수 이해 및 외부 API송신학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:18:00
Cloud 함수 #2 : 이메일 송신 및 Cron job 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
부가 기능
부가 기능 #1 : 무료 Javascript 암호화, 무료 웹앱학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 16개 강의, 총 3 시간 4 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등을 추구합니다. 🎄

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는 것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED