반응형
결과
FireBase의 Authentication (인증) 기능을 이용하여 로그인 창을 구현하였다.
Google 아이디와 Github 아이디로 로그인 가능하도록 설정했다.
SetTimer.js 내용이 너무 길어져 Modal창 부분을 따로 components로 분리했다.
오류
SetTimer.js를 분할하는 과정에서 생긴 오류
갑자기 사이트에 렉이 걸리기 시작했고, console.log()로 출력해보니 끊임없이 랜더링 되고 있었다.
생각
1. 분할하는 과정에서 props를 setDbTime={setDbTime} setState로 설정해주어서 그렇다고 생각함
→ 검색해본 결과 이렇게 사용해도 상관없음, 따로 만들어서 실행해보니 이상 없음
2. 랜더링 관련 문제이니 useEffect() Hook과 관련 있을 것이라고 생각함
→ useEffect( ()=> {}, []) 에서 , (콤마) 대괄호를 안 적어 줬음
느낀 점
오류가 생겼을 때 너무 깊게 생각하기보다는, 간단한 것부터 생각하며 확인해보는 것이 좋을 것 같다고 생각하게 되었다.
반응형