05/19-오전

firebase : https://firebase.google.com

프로젝트 생성 때 애널리틱스는 설정 해제

사용자 인증 및 관리(authentication) : 왼쪽의 빌드에서도 볼 수 있다

1. 프로젝트 생성
2. 앱 추가(</> 아이콘인 웹)-SDK 생성 – 만약 내용을 까먹었다면 메인페이지의 개요의 톱니바퀴에서 설정에 가면 다시 볼 수 있다
3. VSCode에서 react 생성 후 2번에서 보여준 npm 설치화 초기화값 만들어주는 js 생성

로그인 시스템을 만들고자 한다면 로그인 제공업체 선택

참고 문서 : https://firebase.google.com/docs/auth/web/password-auth?authuser=0&hl=ko#web-version-9

console.log(user)로 값이 정상적으로 받아오는지 확인해야한다

임의의 사람들에게 보여져서는 안되는 값들을 보호하는 방법-환경변수 파일 생성

1. 생성한 프로젝트 자체에서 .env라는 파일은 만든다
2. .gitignore에 #환경변수-알아두기 위한 주석 밑 줄에 .env를 추가한다
3. 보호하고자 하는 값을 지정해준다 (예:REACT_APP_FIREBASE_APIKEY=숨기고자 하는 값)
4. 그 값을 불러내는 방법은 process.env.REACT_APP_FIREBASE_APIKEY와 같이 process.env.지정한 값으로 불러내면 된다.

.env라는 전용 환경 변수 파일이다.

회원가입 함수(메서드)작성후 입력할 때 자주 나오는 에러 2개

1. 이미 저장되어 있는 아이디인 경우 : email-already-in-use
2. 비밀번호가 6자리 미만인 경우 : weak-password

로그인 함수(메서드) 실행 시 나오는 대표적인 오류

1. auth/user-not-found : 등록된 유저이름이 없는 경우
2. auth/worng-password : 등록 시 적은 패스워드와 다른 경우