useEffect 의존성 배열 문제
해당 강좌 그대로 진행하다가, 의존성 배열 문제로 인해 무한 렌더링이 발생했습니다.
강사님의 깃허브 코드를 바탕으로, 강좌와 다르게 전역 상태로 관리를 진행하여 해결을 하긴 했습니다.
어떠한 문제로 인해, 무한 렌더링이 발생되고, 이럴 경우에 어떤 방식으로 접근해서 해결하는지에 대한 접근 방식에 대해 알고 싶습니다!!!
web과 다르게 RN은 디버깅하기가 생각보다 쉽지않네요... ㅠㅠ
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
김용민 님께서 문의하신 useEffect 의존성 배열 문제로 인한 무한 렌더링에 대한 해결 방법에 관하여, 이미 비슷한 상황을 다룬 질문이 존재합니다. 해당 질문에서는 의존성 배열에 특정 상태를 넣어주어 무한 렌더링이 발생한 경우, 해결 방법을 다루고 있습니다.
- “의존성 배열에 filterItems를 넣으면 무한렌더링이 발생합니다.” 질문에서는, 상태를 직접 의존성 배열에 넣어주는 대신 전역 상태로 관리하거나 의존성 배열에서 제거하여 무한 렌더링 문제를 해결하는 방법을 제시하고 있습니다. 이 질문에서 제안된 방식으로 접근하여 문제 해결에 참조할 수 있습니다.
여기서 논의된 핵심은 의존성 배열에 상태를 넣을 때, 해당 상태가 업데이트 되면서 컴포넌트가 재렌더링되고, 재렌더링된 컴포넌트의 useEffect가 다시 실행되어 무한 루프에 빠지는 상황입니다. 이를 해결하기 위해 각기 다른 접근 방식을 사용할 수 있으며, 의존성 배열의 관리, 상태 관리 방식의 개선 등이 대표적입니다.
React Native에서 디버깅이 어렵게 느껴지실 수 있지만, 이와 같이 커뮤니티나 다른 개발자의 경험을 참고하시면 해결의 실마리를 찾으실 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
react-native-screens 버전 호환 문제
2
153
1
안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제
0
103
2
해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.
0
96
1
소스코드가 강의 순서랑 다른가요?
0
72
2
현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면
0
115
2
react-native-fast-image는 react 19 버전에서 설치가 안되나요?
0
209
2
SQL Shell의 역할이 무엇인가요?
0
91
1
혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?
0
79
2
빠르게 실행해보고싶습니다.
0
82
1
강의 수강 순서 관련
0
70
1
애뮬레이터 실행 방법
0
99
2
무료 Apple ID로 실기기 테스트 가능한가요?
0
90
2
ios 실기기 연결
0
70
2
npm run ios에러
0
74
1
10월 삭제 예정인 강의는 이유를 알 수 있을까요?
0
101
1
캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.
0
51
1
안드로이드 위치 권한 이슈 2가지 문의
0
71
1
지도가 보이려면 음.. 작성해주신 스타일과 다르게
0
74
0
제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요
0
83
3
강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데
0
69
2
강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!
0
82
2
사내에서 figma.com 업로드 안되나요?
0
96
1
AWS EC2 + RDS 설정
0
85
2
안드로이드 안켜집니다.
0
91
2