끄적끄적

개인적으로 구글 파이어베이스가 다른 플랫폼에 비해 사용하기가 쉽다고 생각됩니다. 가장 좋은건 파이어베이스 Auth를 통해 각종 소셜 로그인을 쉽게 구현할 수 있고 Realtime DB와 store를 통해 프로젝트를 쉽게 만들어볼 수 있습니다. 오늘은 React 프로젝트에서 구글Firebase연동을 통해 구글로그인을 할 수 있도록 설정해보겠습니다. 1. 파이어베이스에 로그인하여 프로젝트를 생성합니다. 2. 프로젝트를 등록하고 받은 firebase SDK를 저장해놓습니다. 3. 이제 다시 VSC로 돌아와 터미널에서 firebase를 설치해 줍니다. npm install firebase 그리고 아까 저장해두었던 SDK를 가지고 유틸 컴포넌트를 하나 만들어줍니다. // firebase_config.js impo..

개인적으로 구글 파이어베이스가 다른 플랫폼에 비해 사용하기가 쉽다고 생각됩니다. 가장 좋은건 파이어베이스 Auth를 통해 각종 소셜 로그인을 쉽게 구현할 수 있고 Realtime DB와 store를 통해 프로젝트를 쉽게 만들어볼 수 있습니다. 오늘은 React 프로젝트에서 구글Firebase연동을 통해 구글로그인을 할 수 있도록 설정해보겠습니다. 1. 파이어베이스에 로그인하여 프로젝트를 생성합니다. 2. 프로젝트를 등록하고 받은 firebase SDK를 저장해놓습니다. 3. 이제 다시 VSC로 돌아와 터미널에서 firebase를 설치해 줍니다. npm install firebase 그리고 아까 저장해두었던 SDK를 가지고 유틸 컴포넌트를 하나 만들어줍니다. // firebase_config.js impo..

오늘은 React 프로젝트를 Firebase에 호스팅 하는 방법과 순서에 대해서 얘기를 해보겠습니다. 우선 Firebase란? 구글에서 제공해주는 인프라로 서버와 DB 등 많은 유용한 서비스를 쉽게 사용할 수 있게 제공해주는 서비스입니다. 이용량과 사용하기에 따라 요금이 부과될 수 있지만 보통 작은 프로젝트나 개발연습용 정도의 사용량은 무료버전으로 사용할 수 있어 저는 자주 사용하는 것 같습니다. 아래 과정은 구글 파이어베이스에 프로젝트 등록이 되어있음을 가정하고 호스팅 과정을 보여줍니다. 1. 먼저 Firebase를 쉽게 이용하기 위한 명령줄 도구를 설치하겠습니다(Firebase CLI) npm install firebase-tools -g 2. 프로젝트 초기화단계 // 1st 로그인은 1회만 하면 됩..