게으른개발너D

1. Log Out 앞의 게시물에서 작성한 firebase 코드로, 가입한 계정이 로그인이 되었으니깐 이제 로그아웃을 하자. 일단 Home으로 가서 그냥 확인용으로 로그아웃 버튼을 만들자. 로그아웃은 firebase 파일에서 생성한 auth 인스턴스를 호출한 다음 signOut만 하면 된다. // home.tsx import { auth } from '../firebase'; export default function Home() { const logOut = () => { auth.signOut(); }; return ( Log Out ); } 2. Firebase Error createAccount.tsx에서 try-catch 블록을 이용한 에러를 다루어보자. 가입을 할 때 이미 존재하는 이메일이거나..

1. Setup 파이어베이스 안에 있는 기능들은 너무 많아서 처음엔 그 제품 기능들이 다 비활성화 되어있다. 그래서 우리가 필요한 것들을 직접 선택해서 활성화 시켜줘야한다. 먼저 firebase 콘솔과 우리 코드 양쪽에서 Authentication을 활성화 시켜주자. 방법은 항상 같다. 먼저 firebase 콘솔에서 필요한 기능을 활성화한 다음 프로젝트 코드에서 initialize하면 된다. 1.1 firebase 콘솔 설정 project overview (프로젝트 개요)로 이동해서 authentication을 선택하자. get started (시작하기)를 누르자. 사용자가 어떻게 로그인하기를 원하는지 우리에게 묻고있다. 익명도 있지만 스팸 사용자가 많이 생길 수도 있어서 추천하지는 않는다. 우리는 일단..

1. Installation 매우 사용하기 쉬운 개발 환경을 제공하는 Vite를 사용할 것이다. https://vitejs.dev/ Vite Next Generation Frontend Tooling vitejs.dev $ npm create vite@latest 입력해서 vite 프로젝트를 만든다. 최신 버전으로 설치할거냐는 물음을 받을텐데, y를 누른다. 다음엔 프로젝트 이름을 적는다. 나는 glee_paw라고 정했다. 다음엔 js 라이브러리는 선택하는데, 나는 당연 react를 선택! 그리고 typescript를 사용할지, javascript를 사용할지 선택한다. 나는 typescript + SWC를 선택했다. 이제 프로젝트가 만들어 졌고, code glee_paw를 입력해서 vscode를 연다. ..

https://firebase.google.com/?hl=ko Firebase | Google’s Mobile and Web App Development Platform 개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요. firebase.google.com 1. What is Firebase firebase는 백엔드 서버 서비스 혹은 앱 개발 플랫폼이다. 기본적으로 의미하는 바는 애플리케이션을 만들거나 웹사이트를 만들 때 시간을 절약하는 데 사용할 수 있는 서비스이다. 많은 플랫폼을 지원하며 다양한 플랫폼에서 각각 필요한 많은 서비스를 제공한다. 서비스는 크게 세 가지 카테고리로 분류된다. Build, Relea..