일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- JS
- 비전공자
- 웹퍼블리셔
- JavaScript
- 코딩독학
- 코드공유
- 깃
- 웹디자인기능사
- github
- 타입스크립트
- 리액트
- git
- Splunk
- 프론트엔드
- 생활코딩
- react
- 자바스크립트
- 슬라이드전환
- jQuery
- 렛츠기릿자바스크립트
- PROJECT
- HTML
- 웹디실기
- 연산자
- 정보처리기사
- 웹디자인기능사실기
- CSS
- web
- 실기
- Supabase
Archives
- Today
- Total
목록무한렌더링 (1)
코딩하는라민

[React/Project] firebase 데이터 무한 렌더링으로 용량 초과 문제 발생 📌 문제상황 useEffect(()=>{ ... }, [Arr]) Arr 에 해당하는 부분은 Firebase 에서 데이터를 가져와서 확인하는 부분이었다. Arr 를 useEffect 의 두번째 인자값으로 전달해서 Arr 이 변경될 때마다 useEffect 내부의 함수가 재렌더링 되도록 해준 것이었다. 계속해서 서버로부터 요청을 전송하게 되고 그럴 때마다 리렌더링 되는 바람에 무한 리렌더링의 늪에 빠져버렸다. 머지된 main 브랜치를 pull 받아서 실행해보니 데이터가 불러와지지 않았고, 오류의 숫자는 미친듯이 올라가고 있었다. 이게 무슨 상황인지 어버버 하다가 오류의 숫자가 4천이 넘도록 창을 끄지 않았는데 그 이유..
프로젝트 관련/Project
2023. 3. 25. 18:53