Error 기록 일지/React2 [React error] TDZ가 뭔데? 변수 위치 에러 JavaScript 에서 변수를 선언할 때 코드의 위치를 고려하지 않으면 에러가 발생한다. react 강의를 듣고 해당 강의에서 코드를 어것저것 고치던 도중에 갑자기 에러가 발생했다. 여기서 지목하는 detail.js 16번째 줄은 count 이놈이었는데 왜 갑자기 에러가 발생했을까? useEffect를 배우던 도중 dependency에 변수를 넣고 해당 변수를 변화시켜서 useEffect가 발생하는 것을 보고 싶었을 뿐이다.. 그런데 왜 ?? Javascript의 Es6에 추가된 let 과 const는 선언 전에 해당 변수(count)를 사용하면 이렇게 에러가 뜬다. (출처 : https://dmitripavlutin.com/javascript-variables-and-temporal-dead-zone.. 2023. 1. 27. [React] Too many re-renders. React limits the number of renders to prevent an infinite loop. 기존의 array에 input 을 통해 받은 데이터를 넣으려는 코드를 작성하고 있었는데.. 이와 같은 에러가 발생했다. 찾아보니 랜더링 과정에서 state를 변화하는 함수가 동시에 존재하면 리랜더링이 일어난다는 것이다. 저기서 그러면 setOnChangeDate 즉 useState 함수로 받지말고 그냥 변수에 저장해서 array에 추가해야겠다 라는 생각이 들었다. 어라 ... 안되네 .. 나중에 해결하면 다시오겠다... 일단 비공개 ..ㅎㅎ 해결했다!!! 위에 코드를 보면 setArray안에 array 함수 자체를 콜백해서 array를 추가하려고 한 코드를 볼수 있다. useState 의 set 함수와 동시에 array를 콜백해서 바뀌면 음 .. 내가 봐도 복잡하긴 하구나. state가 여러번 무한루프된.. 2023. 1. 21. 이전 1 다음
