[TIL]21.08.19

👨‍💻오늘 공부한 것

useEffect의 메모리누수오류가 아직 이해가 되지않아 질문을 한번 더 정리해서 내가 모르는 것이 무엇인지 좀 더 명확히 알게 되었다 다음은 정리한 질문 내용이다.

---

1. 언마운트는 컴포넌트가 사라질때, 제거될때를 뜻하는 걸로 알고있는데, 컴포넌트가 사라지거나 제거되는 것이 무엇을 뜻하는지 이해가 되지 않습니다.

2. 보내주신 리액트 훅스 라이프사이클 사진을 보면 useEffect는 모든 컴포넌트가 렌더링된 후 호출되는 것으로 이해했습니다. 그럼 useEffect는 두번째인자가 빈배열이거나, 혹은 없거나 혹은 배열안에 state가 할당되어있을 경우라도 무조건 컴포넌트들이 렌더링 된후 호출이 되는 것일까요?

   
   3 .만약 두번째인자가 어떠할때라도 불구하고 컴포넌트가 모두 렌더링된 후 useEffect가 호출이 된다면 만약 useEffect에서 AJAX요청을 받아서 각 컴포넌트의 Props에 렌더링 되는 코드가 있을때 또한 useEffect의 두번째인자가 빈배열일경우,

모든 컴포넌트들이 렌더링된 후 딱 한번만 실행이 되고(두번째 인자가 빈배열이라서), useEffect는 컴포넌트가 렌더링된후 맨 마지막에 호출이 되니까.. 그 전에 AJAX요청을 받기전에는 즉 useEffect가 실행되기 전에는 로딩페이지를 띄우는 코드가 있다고 했을때 이 경우에 cleanup함수를 쓰지않으면 왜 메모리 누수가 일어나는지 이해가 되지않습니다.

cleanup함수를 쓰지않아도 두번째인자가 빈배열이므로 맨처음 딱 한번만 실행이 되는 것으로 알고 있는데, 제가 알고있는 메모리누수는 while문의 무한루프라던지 재귀에서 끝내야하는 if문의 조건이 제대로 갖추어져있지않아 무한재귀가 되는 것이 메모리누수로 알 고 있는 데, 딱 한번만 실행되는 이경우에 왜 메모리 누수가 일어나는지 또한 두번째 인자가 빈배열이라서 딱 한번만 실행되는데 질문드린 코드처럼 forCleanup이라는 변수를 사용해 딱 한번만 또 실행되도록 조치를 취해야하는 지 이해가 되지 않습니다.