firebase로 ver 9를 이용해서 로그인 인증을 하던 중 책과는 다른 문법과 방법들이 계속 생겨나기 시작했고 구글링해도 아직 version9에 대한 정보는 찾기가 힘들었다,,,,
두시간 정도 이것저것 해보다가 처음 접해보는 firebase에서 이대로 진행하다가는 일주일 이상 걸리겠다 판단되어 빠르게 다운그레이드 하기로 결정했다...
책, 강의에 있는 버전대로 해보고 그리고 나중에 흐름이 이해되면 다음 프로젝트에서 v9를 써보자ㅜㅜ
그리하여 결국 npm uninstall firebase를 해주고 npm install firebase@7.18.0으로 버전을 강의와 맞췄다.
fbase.js코드를 수정해주고
auth.js에서 authServiece를 import해줬다.
회원가입 후 로그인을 해주는함수 createUserWithEmialAndPassword(email, password)와
회원가입이 되어있으면 로그인 해주는 함수
signWithEmailAndPassword(emial, password)를 이용하여
로그인 후 firebase에 로그인 기록이 띄게 되었고
정상 작동 된다!
이제 로그인 후 화면 전환을 시켜준다
이때 확인해야 할 속성이있는데 바로 persistenced(지속성)이다.
serPersistence로 옵션을 변경해 줄 수 있는데 local, session, none 세가지가 있다.
| local | 브라우저 닫아도 유지 |
| session | 브라우저 종류하면 로그아웃 |
| none | 새로고침하면 로그아웃 |
default로 local로 브라우저를 닫아도 사용자 정보를 기억한다.
local로 저장된 로그인 정보는 indexedDB의 firebase에서 확인할 수 있다.
그 다음으로 구글,github로그인을 연결시켜 줄 것이다.
과외갔다가 와서 다시 실행했더니 localhost연결이 안된단다 하지만 저번 팀플때 겪어봤던 일이므로
자연스럽게 재부팅을 한다!
이와같이 google팝업과 github팝업이 뜨는 것을 확인하였다.
ps.
계절학기 영어점수가 잘못입력되어서 0점이었다... 정정하긴 했지만 몹시 당황했었고 firebase도 버전이 다르니 따라기가 쉽지않음에 버전을 다운하는 것이 자존심상했다.. 와중에 누나가 일찍 퇴근해서 자꾸 괴롭히는데 집에서 영어로만 말하기로 해서 짜증도 못내고 홧병날뻔했다ㅋㅋㅋ 오늘 또 한 번 영어공부 열심히해야지라는 생각을 하면서 미드보다 잠들어야겠다!
내일은 코드잇 인터뷰를 하러간다. 계절학기 시간과 겹쳐 일찍 출발하여 종로쪽에서 수업을 듣고 인터뷰를 하러 갈 것이다. 가는길에 코드잇 강의도 많이 들어놔야지ㅎ...
종로쪽을 가면 옛날 기억들이 떠오르면서 먹먹해진다... 내일은 조금만 감성에 젖고 다시 묵묵히 할 일 하러 와야지! 생각보다 이번 토이프로젝트가 시간이 조금 걸릴거같지만 최대한 빨리 끝내고 리액트 공부 후 리팩터링시작해야겠다!
