[React] Firebase 활용하여 로그인(Authentication), SetTimer 분할

결과

FireBase의 Authentication (인증) 기능을 이용하여 로그인 창을 구현하였다.

Google 아이디와 Github 아이디로 로그인 가능하도록 설정했다.

SetTimer.js 내용이 너무 길어져 Modal창 부분을 따로 components로 분리했다.

---

오류

SetTimer.js를 분할하는 과정에서 생긴 오류

갑자기 사이트에 렉이 걸리기 시작했고, console.log()로 출력해보니 끊임없이 랜더링 되고 있었다.

---

생각

1. 분할하는 과정에서 props를 setDbTime={setDbTime} setState로 설정해주어서 그렇다고 생각함
→ 검색해본 결과 이렇게 사용해도 상관없음, 따로 만들어서 실행해보니 이상 없음

2. 랜더링 관련 문제이니 useEffect() Hook과 관련 있을 것이라고 생각함
→ useEffect( ()=> {}, []) 에서 , (콤마) 대괄호를 안 적어 줬음

---

느낀 점

오류가 생겼을 때 너무 깊게 생각하기보다는, 간단한 것부터 생각하며 확인해보는 것이 좋을 것 같다고 생각하게 되었다.