1) 코딩 애플 강의 수강하기
2) javaScript.info 문서 읽고 정리
3) 프로젝트 주석 달면서 정리
4) 팀원들이랑 코드 리뷰
+ 코드 리뷰 하다가 알게 된 사실인데 추가, 수정, 삭제 몇번 안했는 데 일일 할당량이 금방 차던 이유가
// useEffect
// 처음 컴포넌트가 생성 되었을 때 fireStore의 데이터를 불러오고
// userInfo(redux)의 데이터가 바뀌면 다시 fireStore에서 데이터를 불러온다.
React.useEffect(() => { // async 쓰는 방법도 있음
dispatch(loadDictionaryFB());
}, []) // userInfo 넣으면 무한로딩이 일어나서, 데이터를 너무 잡아먹음
useEffect()에서 []에 userInfo를 넣으면 무한 반복이 일어나서 일일 할당량을 다 잡아 먹던 것이라고 알려주셔서
해결 방법으로 dispatch 후에 history.push("/") 없는 코드들에는
const deleteBtn = (index) => {
if (window.confirm("삭제 하시겠습니까?")) {
dispatch(deleteDictionaryFB(userInfo[index].id))
dispatch(loadDictionaryFB());
}
}
이런 식으로 loadDictionaryFB()를 dispatch 해줬다.
오늘 벌써 토요일.... 내일 알바.... 다음 주 부터 심화 주차.....
'항해 중 > TIL(Today, I Learned)' 카테고리의 다른 글
[TIL] 26일차 (0) | 2021.11.30 |
---|---|
[TIL] 25일차 (0) | 2021.11.29 |
[TIL] 23일차 (0) | 2021.11.26 |
[TIL] 22일차 (0) | 2021.11.25 |
[TIL] 21일차 (0) | 2021.11.24 |
댓글