Firebase 심화특강(1) : 새로고침 대응

★새로고침 시 인증여부에 따른 렌더링 방식의 이해 ★ (1) getAuth() : authentication 서버로부터 사용자 인증여부 가져오는 네트워크 요청이 아님! : getAuth는 authentication 서버에 요청할 때, 인자로 필요한 인스턴스 객체 => getAuth는 동기적으로 동작함 (2) onAuthStateChanged 리스너 : 비동기적으로 작동하는 네트워크 요청 : 사용자가 웹 사이트에 랜딩하면 가장 먼저 실행시키기 가능 [index.js] import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; import GlobalStyle from "GlobalStyle"; imp..

• format_list_bulleted Database
• · 2024. 1. 7.
• textsms

#04 React 프로젝트에서 Firebase 사용하기 : Authentication (로그인 기능 구현)

▼(회원가입 기능 구현) ▼ #03 React 프로젝트에서 Firebase 사용하기 : Authentication (회원가입 기능 구현) ▼ 2023.11.21 - [Database] - #02 React 프로젝트에서 Firebase 환경 설정하기 ▼ #02 React 프로젝트에서 Firebase 환경 설정하기 2023.11.21 - [Database] - FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) FireBas zerotonine2da.tistory.com (1) 기존 사용자 로그인 [App.js] import { useEffect, useState } from 'react'; import { auth } from './firebase'; ..

• format_list_bulleted Database
• · 2023. 11. 21.
• textsms

#03 React 프로젝트에서 Firebase 사용하기 : Authentication (회원가입 기능 구현)

▼ Firebase 환경 설정하기 ▼ #02 React 프로젝트에서 Firebase 환경 설정하기 2023.11.21 - [Database] - FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ zerotonine2da.tistory.com ▼파이어베이스 API 라이브러리 참고 자료 (사용법): 외우지 말고 찾아서 사용하기! ▼ JavaScript 프로젝트에 Firebase 추가 의견 보내기 JavaScript 프로젝트에 Firebase 추가 컬렉션을 사용..

• format_list_bulleted Database
• · 2023. 11. 21.
• textsms

#02 React 프로젝트에서 Firebase 환경 설정하기

FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지 zerotonine2da.tistory.com (1) Firebase 프로젝트 추가 1. Firebase console 검색 후 로그인: https://console.firebase.google.com/ 2. 프로젝트 추가 - 프로젝트 이름 지정 - 애널리틱스 미사용 클릭 - 프로젝트 만들기 3. : 웹 클릭 - 앱 등록 (호스팅은 미체크 : 다른거 쓸 예정) -..

• format_list_bulleted Database
• · 2023. 11. 21.
• textsms

#01 FireBase 주요 서비스 기능 (Authentication , Firestore , Storage )

1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지식없이도 웹 서비스 출시 가능 (2) BaaS (Backend as a Service) : 백엔드 부분을 서비스로 사용하기! : 로그인, 스토리지 등 API형태로 사용 가능 (3) FireBase 주요 서비스 ▶ Authentication : 사용자인증 (회원가입 + 로그인 ) => 이메일, 패스워드 로그인 + 구글 로그인 쉽게 가능 ▶ Firestore : NoSQL DB / 자바스크립트 객체와 유사하여 사용하기 편리 ▶ Storage : 파일 업로드 & 다운로드 (..

• format_list_bulleted Database
• · 2023. 11. 21.
• textsms

SQL 정리 :: JOIN | Subquery | WITH절 | SUBSTRING | CASE문

1. 기초 1. 데이터베이스의 테이블 확인 : show tables 2. 조회 : SELECT * FROM orders WHERE payment_method ='kakaopay' * 실행 : [ctrl+enter] 3. 조건 : SELECT * FROM users u WHERE email like 's%com' ( 이메일이 s로 시작해서 com으로 끝나는) 2. 이외 유용한 문법 1. limit : 5개만 보겠음 ::select * from orders limit 5 2. distinct : 특정 컬럼 중복제거 :: select distinct(payment_met1건문에 ''로 해줘야함 2. You have an error in your SQL syntax; :: 조건문 주변 확인하기 3. 범주의 통계..

• format_list_bulleted Database
• · 2023. 10. 11.
• textsms