웹 개발

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

Name: Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드
Price: 18700 KRW

🔥 HTML + Tailwind CSS + 순수 JavaScript만으로 완성하는 Firebase 사용자 인증! 소셜 로그인·휴대폰·위치 인증까지, 복잡한 백엔드 없이 쉽고 빠르게 계정 시스템 구축합니다.

(5.0) 수강평 2개

수강생 20명

닭강정

HTML/CSS TailwindCSS JavaScript Firebase 서버리스

초급자를 위해 준비한
[웹 개발, Firebase] 강의입니다.

이런 걸 배울 수 있어요

Firebase 인증 4가지 (소셜, 휴대폰, GPS 위치기반, 이메일)로 계정 시스템 완벽 구축
Tailwind CSS로 반응형 디자인을 빠르게 적용하는 법
순수 JavaScript로 로그인 상태 관리 및 데이터 처리
로그인 UX 개선! 사용자 친화적인 인증 UI 설계 방법

강의 가격 조정과 관련하여 안내드립니다. (2025-02-19)

이번 가격 조정은 다음 시리즈 출시 및 전체적인 가격 조정을 고려하여 결정된 사항입니다. 기존 가격으로 구매하신 수강생분들께서는 갑작스러운 변경으로 인해 아쉬움을 느끼실 수 있을 것 같아 죄송한 마음입니다.

이에, 이전 가격으로 구매하신 분들께 우선적으로 추가 기능 요청을 반영해드리거나, 다음 시리즈 강의에 대한 할인권을 제공해드릴 예정입니다.
궁금하신 사항이나 원하시는 부분이 있으시면 개인 이메일(dakgangjung122@gmail.com) 또는 질문 게시판을 통해 남겨주시면 최대한 빠르게 대응해드리겠습니다.

언제나 강의를 들어주셔서 감사드리며, 더욱 좋은 강의로 보답하겠습니다. 😊

백엔드 없이 로그인 시스템을 만들 수 있을까요? 🤔

대부분의 웹사이트와 앱에는 로그인 & 회원가입이 필수입니다.
Firebase Authentication을 활용하면 소셜 로그인, 휴대폰 인증, 위치 인증까지 백엔드 없이 구현할 수 있습니다.

이 강의에서는 HTML/CSS, TailwindCSS, JavaScript, Firebase, 서버리스로 완성형 인증 시스템을 구축하는 방법을 배웁니다.
대회, 해커톤, 캡스톤 프로젝트에서도 활용할 수 있도록 실전에서 바로 적용 가능한 회원가입 & 로그인 시스템을 함께 만들어 보세요!

복잡한 백엔드는 필요 없습니다. 이제 Firebase 하나로 강력한 계정 시스템을 완성해 보세요! 🚀

이 강의의 특징

📌 백엔드 없이도 강력한 사용자 인증 시스템 구축!
Firebase Authentication을 활용해 소셜 로그인, 휴대폰 인증, 위치 기반 인증까지 쉽고 빠르게 구현하는 실전 노하우를 제공합니다.

📌 해커톤·대회·캡스톤 프로젝트에서 바로 적용!
빠르게 MVP(최소 기능 제품)를 개발할 수 있도록 Firebase Security Rules, UI 디자인, 데이터 관리 방법까지 다룹니다.

📌 이론보다 실습 중심! (이론 10% + 실습 90%)
직접 코드를 작성하고 테스트하며, Firebase 인증이 실제 프로젝트에서 어떻게 작동하는지 검증합니다.

📌 초·중·고·대학생 대회 & 프로젝트에 최적화!
Firebase를 활용해 빠르게 프로토타입을 개발하고, 실전에서 활용할 수 있도록 직접 따라하며 배우는 실습형 강의입니다.

HTML, JavaScript의 기초만 알고 있다면 누구나 쉽게 따라올 수 있어요!

수강 후에는 이런 걸 할 수 있어요!

Firebase로 로그인 시스템을 직접 만들고 활용할 수 있어요.
소셜 로그인, 휴대폰 인증, 위치 인증을 구현하고 실제 서비스에도 적용할 수 있는 실력을 갖추게 됩니다.
보안과 성능을 고려한 인증 시스템을 만들 수 있어요.
Firebase Security Rules을 설정하고, 안전한 사용자 인증 시스템을 구축할 수 있습니다.
React·Node.js 없이도 Firebase만으로 웹 서비스를 개발할 수 있어요.
HTML, CSS, JavaScript만으로 완성형 로그인·회원가입 기능을 구현할 수 있습니다. 🚀

이런 분들께
추천드려요!

학습 대상은
누구일까요?

백엔드 없이 로그인 시스템을 만들고 싶은 분들
Firebase 인증을 활용해 실무형 프로젝트를 경험해보고 싶은 웹 개발자
회원가입·로그인 기능을 포함한 포트폴리오 웹사이트를 직접 만들어보고 싶은 분들
초·중·고·대학생 대회, 캡스톤 프로젝트에서 빠르게 인증 시스템을 구축하고 싶은 분들

선수 지식,
필요할까요?

기본적인 HTML 태그
JavaScript 변수, 함수를 만드는 법

안녕하세요
닭강정입니다.

113

명

수강생

개

수강평

개

답변

5.0

점

강의 평점

개

강의

안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.

고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.

그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.

실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.

GitHub 저장소 바로가기 (클릭!)

커리큘럼

전체

39개 ∙ (6시간 47분)

섹션 1. Ch0. 강의 소개 및 기본설정

5개 ∙ (17분)

섹션 2. Ch1. 로그인, 회원가입 페이지 제작

5개 ∙ (55분)

섹션 3. Ch2. 비밀번호 찾기, 대시보드 페이지 제작

2개 ∙ (17분)

2-1. forgotpassword.html 제작
07:42
2-2. dashboard.html 제작
09:24

섹션 4. Ch3. Firebase 이메일 인증 및 비밀번호 찾기 (1번째 인증기법)

5개 ∙ (57분)

섹션 5. Ch4. Firebase 휴대폰 인증 (2번째 인증기법)

4개 ∙ (48분)

섹션 6. Ch5. Firebase Google Authenticator 인증 (3번째 인증기법)

4개 ∙ (46분)

섹션 7. Ch6. Firebase 위치 기반 인증 (4번째 인증기법)

2개 ∙ (54분)

섹션 8. Ch7. Firebase 소셜로그인 구현

4개 ∙ (18분)

섹션 9. Ch8. 대시보드 페이지 기능구현(로그아웃, 회원탈퇴)

4개 ∙ (53분)

섹션 10. Ch9. 배포하기

1개 ∙ (4분)

섹션 11. (보충) HTML & Tailwind CSS & JavaScript 기초 설명

3개 ∙ (33분)

강의 게시일: 2025. 02. 05.

마지막 업데이트일: 2025. 02. 06.

수강평

전체

2개

5.0

2개의 수강평

닭강정님의 다른 강의

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

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

닭강정

₩44,000

25%

₩33,000

중급이상 / React, Node.js, MongoDB, HTML/CSS, JavaScript

5.0

(2)

React, Node.js, MongoDB를 활용해 회사 웹사이트를 직접 제작하는 과정을 배울 수 있는 실전 강의입니다. 간단한 React, Node.js 배경으로 풀스택 프로젝트를 같이 만들어요!

중급이상

React, Node.js, MongoDB

₩18,700