익명의 개발노트

1. 팝업창 떠서 들어가게 하기 일단 진행은 바닐라 자바스크립트에서 진행한다. var auth = firebase.auth(); var authProvider = new firebase.auth.GoogleAuthProvider(); auth.signInWithRedirect(authProvider); signInWithRedirect 이부분은 원래 signInWithPopup으로 했다가 아래와 같은 에러 발생 검색결과 위와 같은 경우 signInWithRedirect 이걸로 사용하라고 하여, 변경해서 진행하거나, 브라우져 설정에서 팝업 허용으로 변경하면 됨. var auth = firebase.auth(); var authProvider = new firebase.auth.GoogleAuthProvid..

1.로컬 개발환경설정 파이어베이스를 사용하려면 노드js와 firebase cli(컴터와 파이어 베이스 연결)를 설치해야한다, 프로젝트 디렉토리 초기화 후 웹경로 를 설정한다.(os별로 노드만 설치 약간 다름.) 1) 설치하기 npm install firebase-tools -g 2. firebase-cli firebase login 입력 후 Y firebase list 에 프로젝트 뜨면 연동성공 공식문서 : https://firebase.google.com/docs/web/setup?authuser=0 3. 프로젝트 초기화 프로젝트 폴더 만들고 들어가서 npm init하듯, 아래와 같이 입력하면 된다. firebase init DB, hosting 선택 후 엔터. 기본값주고 엔터치면 아래와 같은 폴더구조..

1. 로그인 인증방법을 선택할 수 있다. 2. 템플릿에 가면 이메일 기능을 활용할 수 있다. 이렇게 본인 인증을 이메일로 하게하는 등 기능을 사용할 수 있음.

1. Firebase란? 파이어베이스는 14년도에 구글에서 인수한 모바일, 웹 애플리케이션 개발플랫폼이다. 16년도 부터 구글에서 서비스를 대폭 강화한 Baas(Backend as a service) 서비스 이므로, 백엔드를 대신해 줘서 프론트엔드에 집중할 수 있게 서비스를 지원해준다. 2. 대표 서비스내용 1) 실시간데이터베이스 : 오프라인에도 실시간 데이터 통신을 하면서 최신상태 유지, api까지 지원해줌, 잠금모드와 테스트 모드가 있는데, 개발할때는 누구나 읽고, 쓸수있도록 테스트 모드로 하는 것을 추천한다. 기본적으로 json 형식으로 지원해준다. 2) 인증기능(Oauth, 일반로그인) : 이메일 템플릿을 이용하여 유효한 이메일인지 확인해서 인증하는 것도 있음. 3) 호스팅기능 4) 스토리지 3...