DB

DB/Firebase

[Firebase] 회원가입/로그인 구현 (2)

지난 글에 이어서 프로젝트 내의 설정과 코드에 대해서 기록해보려 한다. 1. firebase 패키지 설치 # npm i firebase 2. firebase initialize 인증 기능을 사용하기 위해서 먼저 initializeApp 함수를 실행하여 Firebase를 초기화해야 하는데 index 파일 내에 작성해도 되지만, 나는 별도로 firebase.ts 파일에 작성해 import 해서 사용했다. 앱 생성 시 나왔던 SDK를 그대로 복사해서 사용해주면 되는데, firebaseConfig 내의 키값들은 외부에 노출되는 것을 막기 위해 환경변수로 설정해두었다. import { initializeApp } from "firebase/app"; const firebaseConfig = { apiKey: im..

DB/Firebase

[Firebase] 회원가입/로그인 구현 (1)

개인 프로젝트를 진행하면서 Firebase를 사용해 사용자 계정, 데이터베이스를 구현했는데 이 글에서는 내가 구현한 회원가입/로그인 기능에 대해서 기록하고 공유해보려한다. Firebase Authentication 1. Firebase 메인페이지에서 콘솔로 이동해 프로젝트를 추가 2. 프로젝트 관리 페이지 빌드 메뉴에서 Authentication 탭으로 들어가 시작하기 버튼 클릭해 준다. 3. 로그인 제공 방법 설정 : 다양한 로그인 제공 업체를 설정할 수 있는데 업체를 선택 후 사용 설정으로 체크해주면 된다. 나는 해당 프로젝트를 통해 가입된 이메일과 본인의 구글 계정을 통해 로그인할 수 있도록 선택했다. 추가를 하고나면 아래 이미지와 같이 나온다. 4. 앱 생성 : 프로젝트 메인 화면으로 돌아가면 앱..

MJ FE
'DB' 카테고리의 글 목록